IE 11 mouse wheel issue with position:fixed images

[more]

Hi

 

I'm new in the forum but I already consult the W3Schools website since about 3 years.
Meanwhile I have a problem and I can not find the solution

Also with this problem, I have seen some pages but no soluctions for IE11 and mobile IE...
https://connect.microsoft.com/IE/feedback/details/795070/mouse-wheel-issue-with-position-fixed-images
http://joaocouto-espinho.com/html.html#mais-um-problema-ie

 

Below, can see my CSS... For my background:url it works well in all major browsers but naturally with exception for IE...

html {    background-image: linear-gradient(#648CA6,#9EBECD,#648CA6);}body {    background: url(../img-wild/serra-peneda-geres.jpg) no-repeat fixed top center;    overflow: auto;    height: 100%;}

 

Noted that, if I change my html element on CSS repeating code on height and overflow I solve the problem for IE11 but it transfer the problems for the other browsers...

html {    background-image: linear-gradient(#648CA6,#9EBECD,#648CA6);    height: 100%;    overflow: auto;}body {    background: url(../img-wild/serra-peneda-geres.jpg) no-repeat fixed top center;    height: 100%;    overflow: auto;}

Edited June 18, 2016 by more

[more]

Hi

 

I'm picking up again in this topic, in the hope of help for the right solution.

Come on, someone with a crazy idea...

 

[dsonesuk]

Amending the overflow in your original code will be the main problem, try html, body with height: 100%; without the use of overflow: auto;