=...">
All geek questions in one place

IE CSS "filters" violates alpha transparency

I am trying to find out if there is a strange solution to this strange problem.

In principle, IE> = 7 perfectly supports PNG transparency, and also supports many new interesting things in CSS3 for years, through strange settings in the "filter" property.

However, when you apply a filter to an element with a PNG background, the alpha transparency of that background basically breaks down (very similar to how IE6 did).

If possible, I would like to use the CSS3 properties that other browsers give me, and also get them in IE instead of implementing them in JS (transitions) or not at all (rotation), but I can’t if I don’t find a fix for the translucency problem.

Have any of you found this problem and fixed it?

EDIT: code added, although I'm not sure it illustrates much:

#.faded { filter:progid:DXImageTransform.Microsoft.Fade(duration=2) }

When I add this, PNG opacity breaks in IE for this element. This actually happens with all filters, or at least everything I tried.

Thanks!
Daniel

+6
source share
2 answers

Have you tried CSS3 PIE or some other third party solution - no need to reinvent the wheel if the existing solution already works.

+1
source

The best attempt I could activate was: http://jsfiddle.net/xtT6b/

The goal is to separate the filter block from the block with the background and add the alphaImageLoader filter to the block with the background.

However, this is not ideal, and in IE7 on some images the result may be good, but on others there would be some artifacts.

0
source

Source: https://habr.com/ru/post/894725/

More articles:


All Articles