Geek asks and answers

Fast cast shadow css question for ie8 not working

Just a quick simple question, this css code will not work in ie8 for shadow, any ideas why this won't work?

/* 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);
+3
source share
2 answers

I'm not sure if this is an IE8 bug, but if you add it background-color, it works as expected .

In Chrome, deleting background-colorleaves a shadow, but in IE8 the text inherits the shadow and looks awful. If you have a solid background, you can map the background to the elements on which you want to apply a shadow. Unfortunately, this transparentleads to the same problem in IE8.

+3
source

Specifying the width of an element with a shadow filter fixes a similar problem for me.

0
source

More articles:


All Articles