简体   繁体   中英

Background size cover plus background attachment fixed not working in pages with scrolling in IE11

I've always been using the following piece of code to make a background fixed as well as covering 100% of the page despite its size:

background-image: url('./background.jpg'); 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat; 
background-position: center top;
background-attachment: fixed;
background-size: cover;

However, since IE11, this is not working as it should:

http://i.stack.imgur.com/EZK4M.png

This is how it was showing up until IE11:

http://i.stack.imgur.com/8bkmH.jpg

Did anything change with IE11? Is there any way to make it work as before IE11?

Thanks to everyone for your comments! I found a way that actually Works in IE11. Placing the background as an image in an individual div with these properties: code height: auto; left: 0; min-height: 100%; min-width: 1024px; position: fixed; top: 0; width: 100%; z-index:-1; Check it here: nekutranslations.es/sf2

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM