0

Firefox で本文の背景が表示されません。

ここに私のCSSがあります

body{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:15px;
    color: #fff;
    overflow-x:hidden;
    background: url(../images/2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover; 
    -o-background-size: cover;
    background-size: cover; 
}
4

4 に答える 4

4

過去にこの問題が発生しました.....メディアクエリで表示プロパティを「ブロック」に設定しない限り、背景画像は Firefox と Internet Explorer で機能しません。

例えば：

@media only screen and (max-width:740px) {
  table.Class {
    background:url('images/divider_small.png') no-repeat 10px 0; 
    width:430px;
    height:22px; 
    display:block;
  }
}
于 2014-02-12T13:45:28.757 に答える
4

通常、この問題に遭遇した場合、エラーはイメージへのパスから発生します。私があなただったら、相対パス url('../images/yourimage.jpg') から絶対パスに変更してみます: ex. url('home/user/Desktop/website/images/yourimage.jpg').

あなたのサイトが画像を含むフォルダにリンクされている場合（そうすべきです）、それを行う必要はありません。必要なのは url('image/yourimage.jpg'); だけです。あなたのサイトはすでにそのフォルダーからファイルを取得しているため

于 2012-06-27T15:01:30.870 に答える
0

ファイルパスに同じ問題がありました。「url('/images/yourimage.jpg')」がありましたが、クロムにはロードされましたが、ie と firefox にはロードされなかったので、url('../images/ yourimage.jpg') とうまくいきました

于 2015-01-09T06:05:24.227 に答える
-1

画像の URL の前後に '' がないことに気付きました。W3C の学校では、次のことを行う必要があります。

例えば：

background-image:url('yourImage.png');

こちらをご覧ください：

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image

于 2012-06-27T14:48:00.533 に答える