CODEWITHSUNDEEP
cssinternet-explorer
Dale K
Dale K

Reputation: 27202

Validate IE Specific CSS

I have inherited the following CSS for a site, and I can't tell if it does anything useful. It is included as IE specific if the IE version is less than 8. So my guess is its an attempt to handle PNG for IE's < 8. But whether it really does that I have no idea.

In addition some bots are trying to follow the link /Content/','').replace(' which I think is how they're reading the line with the replace in it. I can't tell if its the bot failing to read this CSS or whether the CSS is rubbish.

If someone could please advise whether this CSS is valid and useful. Thanks.

* html #nav li { z-index: expression( runtimeStyle.zIndex = 1, this == parentNode.firstChild ? (className += " first-child") : 0 );}
* html .tabs-container .t{
    background-position:-9999px -9999px;
    filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-tabs-container-t.png', sizingmethod='crop');
}
* html .tabs-container .c {
    background-position:-9999px -9999px;
    filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-tabs-container-c.png', sizingmethod='scale');
}
* html .tabs-container .b {
    background-position:-9999px -9999px;
    filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-tabs-container-b.png', sizingmethod='crop');
}
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
}

Upvotes: 0

Views: 389

Answers (1)

GolezTrol
GolezTrol

Reputation: 116100

It is not valid, but it could be useful. Some CSS hacks require invalid CSS to enforce a specific behaviour on a specific browser while leaving the others untouched.

Does anything change if you remove it? If not, it's not useful. :)

It seems to me that this CSS is to allow transparent PNG images. I think those were not supported in IE6. So if you still need to support IE6, you might still need this, but I wouldn't.

Upvotes: 1

Related Questions