1

我希望我的所有容器都是全屏大小,并且背景完全填充它而无需重复或滚动。所以我当然使用“背景尺寸:封面;” 和“背景附件:固定;” 这在 Firefox 和 Chrome 中运行良好。对于 IE 8,我使用 JavaScript 插件。

当我在 IE 11 中打开我的页面时,只要我不缩放,它似乎就可以正常工作。如果我在 IE 中缩小,背景也会变小。如果没有“背景附件:固定”,这不会发生。只有在这种组合中,它才会放大我真的不想要的背景。

我究竟做错了什么?太感谢了。

这是我的完整代码:

#someContainer{
width: 100%;
height: 100%;   
background: url(backgrounds/main.jpg) top center;
background-attachment:fixed;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover;    /* Mozilla*/
-o-background-size: cover;      /* Opera*/
background-size: cover;         /* Generic*/
-ms-behavior: url(polyfill/backgroundsize.min.htc);
behavior: url(polyfill/backgroundsize.min.htc)
}
4

0 回答 0