CSS阴影滤镜问题....HELP ME

[qfljm]

<DIV style="width:100px; height:100px; border:1px #7d7d7d solid;filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=120,strength=5);padding:25px;">
<DIV style="border:1px #7d7d7d solid;text-align:center; width:50px;height:50px;">测试DIV>
</DIV>


如上:
我使用CSS滤镜完成阴影效果功能...但我只想让最外面这个DIV有阴影效果,,,可是这个DIV中的所有元素都会继承阴影效果...为什么会这样呢?
怎样解决这个问题?

[qfljm]

我以经说了..设置背景只是视觉上看不,但实际上DIV里面这的元素还是一杰继承了这些属性....

如果这个DIV里面是一个20行的TABLE,那浏览器要显示这个网页就会变的很慢

[rayFairy]

<DIV style="background-color:#FFFFFF; width:100px; height:100px; border:1px #7d7d7d solid;filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=120,strength=5);padding:25px;">
<div>测试DIV</div>
</DIV>

我看了半天，感觉div一定会把容器里的东西应用上自己的style，所以干脆把背景设成白的算了。
不知楼下还有合高见

[qfljm]

设置背景不是根本的解决办法.因为里面的原素还是有这些属性,..如果里面是一个数据表.那浏览器就会变得相当迟钝.

[rayFairy]

楼上先试试再说嘛，我都可以的

[rayFairy]

6.　　样式表的层叠性

层叠性就是继承性，样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上，所有在元素中嵌套的元素都会继承外层元素指定的属性值，有时会把很多层嵌套的样式叠加在一起，除非另外更改。例如在DIV标记中嵌套P标记：
div { color: red; font-size:9pt}
……
<div>
<p>
这个段落的文字为红色9号字
</p>
</div>
（P元素里的内容会继承DIV定义的属性）
注意：有些情况下内部选择符不继承周围选择符的值，但理论上这些都是特殊的。例如，上边界属性值是不会继承的，直觉上，一个段落不会同文档BODY一样的上边界值。

另外，当样式表继承遇到冲突时，总是以最后定义的样式为准。如果上例中定义了P的颜色：
div { color: red; font-size:9pt}
p {color: blue}
……
<div>
<p>
这个段落的文字为蓝色9号字
</p>
</div>
我们可以看到段落里的文字大小为9号字是继承div属性的，而color属性则依照最后定义的。

不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以用!important提升样式表的优先权，例如：
p { color: #FF0000!important }
.blue { color: #0000FF}
#id1 { color: #FFFF00}
我们同时对页面中的一个段落加上这三种样式，它最后会依照被!important申明的HTML标记选择符样式为红色文字。如果去掉!important，则依照优先权最高的ID选择符为黄色文字。