2011-08-29 76 views
2

所以,保佑我的心...我想通过CSS3和背景:cover元素来定位身体背景图像。在IE的中心背景图像

FF和Chrome看起来不错...而且它的大小似乎正确无误的浏览器窗口大小。

IE但是,仍然引起了我反酸...

我曾尝试使用

filter:progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale'); 
-ms-filter: "progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale')"; 

但它似乎没有工作...

上午我错过了什么?

这里是CSS:

body{ 
    background:url(../images/background.jpg); 
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover; 
    filter:progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale'); 
    -ms-filter: "progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale')"; 


} 

回答

0

当您使用MS过滤器,过滤器中的src是相对于页面,我认为,没有CSS文件。尝试使用此代替:

src="/images/background.jpg" 

或设置路径相对于页面的东西。

+0

那么图像显示,但它显示,就好像我只是把它称为一个常规的背景图像...我试图删除网址中的“..”,然后尝试删除斜线“..” /“在图像路径中...没有运气。 –

+0

很难知道为什么没有看到它的行动。尝试只使用一个过滤器? MS过滤器实际上覆盖了元素中的内容 - 因此它可能不适合用作网站背景图像。 – wows