Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

background-attachment:fixed internet explorer 11 odd up & down jiggle [duplicate]

Tags:

People also ask

What does it mean when a background image is fixed?

fixed : Specifies that the background image will be fixed against the containing block and will not scroll.

How do you set a picture as a background on Internet Explorer?

Microsoft Internet Explorer users have the option of setting any image they view on the Internet as their wallpaper. To do this, right-click the image you want to set as your wallpaper, and then select Set as Background from the drop-down menu.

How do you use background-attachment property?

Definition and Usage The background-attachment property sets whether a background image scrolls with the rest of the page, or is fixed.


Noticed an odd and annoying bug in IE11. Images placed in the background using css with background-attachment fixed do this odd up & down jiggle dance when scrolling. It primarily happens when using the scroll wheel or when using the arrow buttons on the scroll bar. if you scroll by dragging the scroll bar it doesn’t seem to happen.

try this fiddle: http://jsfiddle.net/G6Mdu/ when using IE you can see the image jiggle. On chrome, firefox, etc it works fine.

 #test{
     height: 510px;
     width:100%;
     background-position: center top;
     background-attachment: fixed;
     background-size: cover;
 }

any solutions?