Skip to content Skip to sidebar Skip to footer
Home / Css / Html / Internet Explorer 11 / Opacity

Html - Css Opacity Different Than 1 Or 0 Not Working In Ie11

Post a Comment
I'm facing an issue with the css property opacity, with Internet Explorer 11. The code is very simple: On IE11, the opacity setting doesn't work for the second div. All others bro

Solution 1:

The trick with background-color worked, but the meta tag didn't change anything.

Finally I got the "opacity" css working by deleting the IE cache (tools --> internet options --> general --> delete...).

Solution 2:

On old Internet Explorer versions you needed to add this to get transparency :

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

or this :

filter : alpha(opacity=70)

But on IE10+ you don't need it anymore, you can use opacity: 0.7.

Try to add this line between your <head> tags :

<metahttp-equiv="X-UA-Compatible"content="IE=edge" />

This line forces IE11 to use the most recent rendering engine (in that case the Edge engine).

Solution 3:

CSS opacity property seems to work fine with IE11, adding <!DOCTYPE html> declaration at the top of html document (before <html> open tag)

(I apologize answering this question a little bit late (over three year). I guess this can be useful for someone still fighting with IE11).

Note: Tested with IE version 11.1622.16299.0

Post a Comment for "Html - Css Opacity Different Than 1 Or 0 Not Working In Ie11"