IE Opacity Problem in Nested Elements

Has anybody found a solution for开发者_JS百科 this ? http://seanmonstar.com/post/709013028/ie-opacity-ignores-positioned-children

I’ve been searching for hours now and can’t find a fix. I know that filter:inherit works but I actually need the filter to give opacity to one of the nested elements…

---

Look at this example which seems to work: jsfiddle

So I'm using jquery to fade in and out which effects the opacity, if you remove position:relative; from #toggle_me; you'll find the positioned element has an issue, so the solution is to have position:relative; on the parent.

Also in the jquery area of code you'll see this.style.removeAttribute('filter'); that stops IE strangely rendering the text when it fades back up.