Posts Tagged ‘Emulating border-color:transparent in IE6’

Emulating border-color:transparent in IE6

11 Oct

Posted by admin as Internet Explorer,Random tips

Did you find that Internet Explorer 6 displays a solid black border when you use border-color: transparent. Fortunately, it works fine with other browsers. This can easily be fixed even if you're a beginner when it comes to IE6 hacks.

.classname /* e.g. Internet Explorer 7, FireFox, Opera and Safari */
{
border: solid 5px transparent;
}

Consider the following extra lines of CSS code and problem solved!

*html .classname /* IE6 fix */
{
border-color: pink;
filter: chroma(color=pink);
}