用border和background做简单的阴影效果
利用嵌套的DIV做简单的阴影效果，使用position/top/left方式来实现位移能够得到良好的浏览器兼容性。
昨天做了一个简单的阴影效果，原理是嵌套两个DIV，外而的DIV用背景色做阴影，里而的DIV通过背景色和位移遮挡，显出简单的阴影效果。
然而在具体实现的时候出现了兼容问题。一开始我是用margin来实现位移的，在IE7/IE8中显示我要的正常效果，但是在IE6中，内DIV没有了边框；在FireFox中，底部margin失效。查了很多资料，都没有有效的解决办法。后来发现在网上早有人使用这种方式做简单阴影背景，不过他的位移使用position定位，兼容性很好，目前来看，IE6/IE7/FireFox都显示出正常的效果。
下面文字引用自：
http://www.cnblogs.com/replace/archive/2008/09/24/372777.html
代码如下
-
HTML部分
-
-
<div class="out narrow">
-
<div class="in ltin tpin">
-
<h2>NARROW</h2>
-
<p>This is the text that goes in the middle.</p>
-
</div>
-
</div>
-
-
代码如下
-
css代码部分
-
-
.out {
-
display:block;
-
background:#bbb;
-
作者 不见不散， 本文仅代表作者观点,与龙卷风资讯网立场无关。