我希望我的所有容器都是全屏尺寸和背景,以完全填充它而无需重复或滚动。所以我当然使用“background-size:cover;”和“背景附件:固定;”这在Firefox和Chrome中运行得非常好。对于IE 8,我使用JavaScript插件。
当我在IE 11中打开我的页面时,它似乎工作正常,只要我没有缩放。如果我在IE中缩小,背景也会变小。没有“background-attachment:fixed”就不会发生这种情况。只有在这种组合中,它才能缩放我真正不想要的背景。
我做错了什么?非常感谢你。
这是我的完整代码:
#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)
}