在IE中的中心背景图像

时间:2011-08-29 20:58:03

标签: css

祝福我的心......我想出了如何通过CSS3和背景:封面元素将身体背景图像居中。

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')";


}

1 个答案:

答案 0 :(得分:0)

使用MS过滤器时,过滤器内的src是相对于我认为的页面,而不是CSS文件。请尝试使用此代码:

src="/images/background.jpg"

或将路径设置为相对于页面的内容。