响应全屏背景。如何使它与FF和IE一起使用?

时间:2014-06-30 18:09:23

标签: html css internet-explorer responsive-design background-image

我遇到以下占位符背景问题:

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完成?

如果有人有任何想法,我会非常感激!

谢谢!

2 个答案:

答案 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;