остановить каскадирование свойств CSS-фильтра

Question

Я пытался сделать так, чтобы box-shadow влиял на работу кросс-браузеров, чтобы заставить работать, то я использовал свойство «filter», но эффект каскадно воздействовал на дочерний элемент (в моем случае span), я пытался остановить его с помощью filter : none но это не сработало, искал в сети, но я не мог найти решение.Пожалуйста, помогите мне решить эту проблему.

HTML-код:

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

Код CSS:

#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

установить цвет фона

#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');
}