我遇到以下占位符背景问题:
http://192.154.143.220/~capeannapparel/
这是一个小提琴:http://jsfiddle.net/PVXx8/
必须根据浏览器窗口进行响应和缩放。它适用于Chrome和FF,但不适用于IE。
我知道IE背景大小有问题:封面;我想知道最好的方法是让它适用于IE吗?我在网上尝试了各种代码片段,如:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='images / Background.jpg',sizingMethod ='scale'); -ms-filter:“progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='images / Background.jpg',sizingMethod ='scale')”;
但这并没有什么区别。我是否必须使用jquery或更复杂的东西,还是可以用CSS完成?
如果有人有任何想法,我会非常感激!
谢谢!
答案 0 :(得分:0)
尝试if if IE样式表并添加以下内容......
background-size:auto 100%;
overflow: auto;
答案 1 :(得分:0)
我是这样做的,它应该适用于所有浏览器:
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-ms-content-zooming: none;
background-size: cover;