mentizmoskvii
New Member
I'm having an issue with the use of transparency, with therein a nested element that has a filter. I have got this working in modern browsers, but I cannot get it fixed in IE8 (note that I cannot add doctype, so I'm stuck with quirks mode)Please find my code below, Firefox renders it as it should, IE8 doesn't. Any ideas?(also nevermind about the html, there's little that I can do about that either due to our framework).\[code\]<html><head><style>body { background-color: grey }.messageGrid{ opacity:0.90; -ms-filter:"progid
XImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90);}.messageGrid .gridBody{ -ms-filter:"progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1)"; filter:"progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1)"; background: #ADD9F0; background: -moz-linear-gradient(left, #ADD9F0, #F5F5F5); background: -webkit-gradient(linear, left top, right top, from(#ADD9F0), to(#F5F5F5));}.messageGrid .cellSelected,.messageGrid .cellSelectedOver,.messageGrid .tallCellSelected { filter: progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1); background: #ADD9F0; background: -moz-linear-gradient(left, #ADD9F0, #F5F5F5); background: -webkit-gradient(linear, left top, right top, from(#ADD9F0), to(#F5F5F5)); border-right: 0px none #F5F5F5; padding-top: 7px; padding-bottom: 7px;}</style></head><body><div class="messageGrid" id="isc_1XE" style="background-color: #f5f5f5; width: 1350; height: 30px; overflow: visible"><DIV style="WIDTH: 1350px; HEIGHT: 30px; OVERFLOW: hidden" class=gridBody><TABLE class=listTable role=presentation border=0><COLGROUP><COL width=30><COL width=1320></COLGROUP><TBODY><TR role=listitem><TD style="MIN-HEIGHT: 22px; BACKGROUND: #add9f0" class=tallCellSelected width=30 align=middle><IMG border=0 align=textTop src="http://stackoverflow.com/questions/12746945/information.png" width=16 height=16 suppress="TRUE"></TD><TD style="MIN-HEIGHT: 22px" class=tallCellSelected width=1320 align=left>Just a testing message to see the layout in IE8</TD></TR></TBODY></TABLE></DIV></div></body></html>\[/code\]
XImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90);}.messageGrid .gridBody{ -ms-filter:"progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1)"; filter:"progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1)"; background: #ADD9F0; background: -moz-linear-gradient(left, #ADD9F0, #F5F5F5); background: -webkit-gradient(linear, left top, right top, from(#ADD9F0), to(#F5F5F5));}.messageGrid .cellSelected,.messageGrid .cellSelectedOver,.messageGrid .tallCellSelected { filter: progidXImageTransform.Microsoft.Gradient(StartColorStr=#ADD9F0, EndColorStr=#F5F5F5, GradientType=1); background: #ADD9F0; background: -moz-linear-gradient(left, #ADD9F0, #F5F5F5); background: -webkit-gradient(linear, left top, right top, from(#ADD9F0), to(#F5F5F5)); border-right: 0px none #F5F5F5; padding-top: 7px; padding-bottom: 7px;}</style></head><body><div class="messageGrid" id="isc_1XE" style="background-color: #f5f5f5; width: 1350; height: 30px; overflow: visible"><DIV style="WIDTH: 1350px; HEIGHT: 30px; OVERFLOW: hidden" class=gridBody><TABLE class=listTable role=presentation border=0><COLGROUP><COL width=30><COL width=1320></COLGROUP><TBODY><TR role=listitem><TD style="MIN-HEIGHT: 22px; BACKGROUND: #add9f0" class=tallCellSelected width=30 align=middle><IMG border=0 align=textTop src="http://stackoverflow.com/questions/12746945/information.png" width=16 height=16 suppress="TRUE"></TD><TD style="MIN-HEIGHT: 22px" class=tallCellSelected width=1320 align=left>Just a testing message to see the layout in IE8</TD></TR></TBODY></TABLE></DIV></div></body></html>\[/code\]