2011-01-24 24 views
0

我使用新的CSS3规范“背景大小”有一个稍微溢出页面大小的背景图像。它在webkit中运行良好(Chrome浏览器& Safari),但“-moz-background-size”属性在Firefox中完全不起作用。不寻常的是,如果您观看现场直播,使用Firebug查看网站时显示“-moz-background-size”属性IS! FF文档说,它支持3.6以及我正在运行3.6。CSS3背景大小的Firefox错误?不工作,但在Firebug VISIBLE - Firefox 3.6

生产版本的网站:http://anasmadance.com.s66112.gridserver.com/

这里是我的代码:

@media screen and (max-width: 1150px) { 
/* special sytles for browser windows less than 1150px */ 
body{ 
-o-background-size: 130%; -webkit-background-size: 130%; -khtml-background-size: 130%; -moz-background-size: 130%; 
background-size: 130%; 
} 
#trans_fake{ 
-o-background-size: 130%; -webkit-background-size: 130%; -khtml-background-size: 130%; -moz-background-size: 130%; 
background-size: 130%; 
} 
} 

任何调试建议?

回答

1

我很快就试图通过萤火添加!important指令,它似乎工作:

-moz-background-size: 130% auto !important; 

但我不明白什么是压倒一切的。我发现你将-moz特定的供应商放在标准的供应商之后,试着将其反转。只是一个猜测。

+1

我认为这是因为'body'上的'-moz-background-size'被更具体的`.page-id-7,.... {background:url(“images/bg-beach。 jpg“)无重复固定中心顶部#000000}`。 – thirtydot 2011-01-24 15:55:58