祝福我的心......我想出了如何通过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')";
}
答案 0 :(得分:0)
使用MS过滤器时,过滤器内的src是相对于我认为的页面,而不是CSS文件。请尝试使用此代码:
src="/images/background.jpg"
或将路径设置为相对于页面的内容。