在IE中缩放背景图像

时间:2014-04-24 12:04:25

标签: html

所以,我在这里遇到了一些问题,我用这段代码实现了我的背景图片

  <div style="
            background: url(http://oi57.tinypic.com/2wlyhd5.jpg) no-repeat center center fixed;    
            background-size:cover;
            width:100%; 
            position:fixed;
            height:100%;
            z-index:-1;">               
        </div>

问题是,当我在IE中滚动时,图像不会缩放,放大时也是如此,它可以在其他浏览器中使用

1 个答案:

答案 0 :(得分:2)

就Internet Explorer而言,您只能使用IE9 +中的背景大小,幸运的是,这是一种解决方法。

Background Size Polyfill

.selector { 
  background-size: cover;
  /* The url is relative to the document, not to the css file! */
  /* Prefer absolute urls to avoid confusion. */
  -ms-behavior: url(/backgroundsize.min.htc);
}