Search code examples
cssfilterdrop-shadow

How can I not show a css drop shadow on ie6?

I want to know if I can ignore my css drop shadow on ie6 without using conditional statements to filter the css.

here is my current css:

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);

Maybe -ms-filter-ie6: none or something :P along those lines

Solution

  • Adding the following line below your -ms-filter: line should work:

    * html -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=false)";

    The * html is read only by IE6. But that is a CSS hack, which is very bad practice. You should use conditionals instead.