Ok I figured it out, crap ie sucks so bad.
Syntax: element.style.filter = “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
Note if the html element has children and you want to apply the same opacity to the them then you need to set the filter css property to inherit.
Syntax: element.style.filter = “inherit”;
Hope this helps someone.
now try adjusting the opacity when the element has other filters Tried to figure that out once and eventually just gave up
I only need the opacity , I am rewriting my libraries to work on ie7, ie8… surprisingly it works great:), and get read of jquery because I only use a few thing from the library, it make no sense importing 10.000 lines of code for this, plus there will be no more incompatibilities.
The only issue that I had was the opacity the rest is actually simple, but it is solved.