DXImageTransform.Microsoft.Alpha doesnt validate

crmpicco · 04-27-2006, 04:49 PM

Code:

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

.myIframe,.myIframe0,.myIframe2_R,.myIframe2_M,.myIframe3,.myIframe4,.myIframe5,.myIframe6 {
width: 730px;
height: 100px;
position: absolute;
bottom: 0px;
left: 3%;
filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
z-index: 9;
border-color: #000000;
border: 1;
}

Code:

Line: 200 Context : .myIframe, .myIframe0, .myIframe2_R, .myIframe2_M, .myIframe3, .myIframe4, .myIframe5, .myIframe6

Property filter doesn't exist : "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)" 

----------------------------------------------------------

Line: 181 Context : #dhtmltooltip

Parse Error - DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

When i try to validate my stylesheet on W3, it gives me errors on these lines above?

Is there anyway i can fix it to allow it validate?

Thanks.

Picco

_Aerospace_Eng_ · 04-27-2006, 04:53 PM

You can take those out and put them into an IE only stylesheet using conditional comments to hide them from the validator and other browsers.

Code:

<!--[if IE]>
<link rel="stylesheet" href="iestyle.css" type="text/css" />
<![endif]-->

iestyle.css

Code:

#dhtmltooltip {
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.myIframe,.myIframe0,.myIframe2_R,.myIframe2_M,.myIframe3,.myIframe4,.myIframe5,.myIframe6 {
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
}

More about CSS conditional comments here.

drhowarddrfine · 04-27-2006, 05:59 PM

What aero didn't specifically say is, the reason that code does not validate is that it is not standard code and only works in IE.