stoppe die CSS-Filtereigenschaft Kaskadierung

Question

Ich habe versucht, Box-Shadow beeinflussen Arbeit Cross-Browser, um zu machen dh ich "Filter" -Eigenschaft verwendet, aber der Effekt kaskadiert auf das Kind-Element (in meinem Fall eine Spanne) habe ich versucht um es zu stoppen mit filter : none aber es funktionierte nicht im Internet, aber ich konnte keine Lösung finden. Bitte hilf mir, dieses Problem zu lösen.

HTML-Code:

<div id="shadow"> 
      <span>text text</span>    
</div> 

CSS-Code:

#shadow{ 
-moz-box-shadow: 3px 3px 4px #000; 
-webkit-box-shadow: 3px 3px 4px #000; 
box-shadow: 3px 3px 4px #000; 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
} 

Answer 1

Set Hintergrundfarbe

#shadow{ 
-moz-box-shadow: 3px 3px 4px #000; 
-webkit-box-shadow: 3px 3px 4px #000; 
box-shadow: 3px 3px 4px #000; 
background:#ffffff; 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
}