Question

在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; 
}

Answer 1

我以前遇到过这个问题.....除非你在媒体查询中将display属性设置为'block'，否则你的背景图片在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;
  }
}

Answer 2

通常，当我遇到此问题时，错误来自图像的路径。如果我是你，我会尝试将你的相对路径url（'../ images / yourimage.jpg'）更改为绝对路径：恩。 URL（ '家/用户/桌面/网站/图像/ yourimage.jpg'）。

如果你的网站链接到包含图片的文件夹（它应该），你就不需要这样做了。你需要的只是url（'image / yourimage.jpg'）;因为您的网站已经从该文件夹中提取文件

Answer 3

我遇到了与文件路径相同的问题，我有＆＃34; url（＆＃39; /images/yourimage.jpg'）＆＃34;它加载了chrome而不是ie和firefox所以我改为url（＆＃39; ../ images / yourimage.jpg＆＃39;）并且它有用

Answer 4

我注意到您的图片网址周围没有''。在W3C学校，它说你应该：

例如：

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

请看这里：

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

背景图片在mozilla firefox中不起作用

4 个答案: