Since IE10 is around, some clients of me complain about a nasty glitch (shows blinking white stripes) in some projects of mine. This problem occur when a part of the screen is fading in or out. I think it has something to do with opacity. This is a IE10 problem only, because other browsers does not have any problems with the code, including earlier versions of IE.
The weird thing is that it is not always there, sometimes there is no problem but overall it is very annoying. To give you some example, go to the following site (with use of IE10): http://www.meezingeninrotterdam.nl (it is a dutch site)
Next: click for example on the search-icon on the page, you can find it on the right on the menu bar. You will notice the glitch (maybe also in the slideshow), if not, try again by closing the dialog and open it again.
I think this is a bug in IE10 but when I am able to fix this with a little change to the code, i will try it.
For your information:
What I don't want to do:
What i have tried:
Does have somebody a simple solution to this?
After a long period of time, I got the answer to the problem (but is not a real answer). Still believing that it is a bug in IE, it has something to do with the used hardware. I have two cards in my laptop, integrated graphics and a more powerful NVIDIA graphic card.
IE is using the more powerful hardware at default (the NVIDIA card) 3D settings and at this point something go wrong. When I use the NVIDIA configuration console to force that IE must use the integrated graphics instead of the NVIDIA graphic card the flicker issue is gone.
This is not a solution to my clients, because most of them has just one graphic card in their system and cannot do anything about it.
It proves that there is nothing wrong with my code, it is a problem of IE in combination with the used graphic card (DirectX 3D settings) in the system.
EDIT: See also: