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?
This is a known issue with the implementation of background-attachment: fixed in IE10+. I believe it occurs on all elements except
<body>.http://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue