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

通常当我遇到这个问题时，错误来自图像的路径。如果我是你，我会尝试将其从相对路径 url('../images/yourimage.jpg') 更改为绝对路径：例如。url('home/user/Desktop/website/images/yourimage.jpg')。

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

于 2012-06-27T15:01:30.870 回答
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 回答
0

我有同样的问题问题是文件路径，我有“url（'/images/yourimage.jpg'）”，它在chrome中加载但没有在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 回答