div+css 中层的投影效果怎么做呢？

来源：百度知道 编辑：UC知道 时间：2024/05/27 08:01:06
我是一位DIV+CSS的初学者，现在有个问题想请教一下前辈。就是在div+css 中层的投影如何实现投影效果呢？就像这个网里一样 http://www.yestem.com/ 这个网站下面的层就有这种投影效果，我想和它一模一样。谢谢了！
投影色的渐变效果

阴影分，其实也是一个div，跟显示内容的div位置稍有点偏移，然后边框颜色等设置一下(也就是投影的颜色，一般为浅灰色)

<div id="ts_body">
<div id="ts_box">
</div>
<div id="ts_infro"></div>
</div>
这是层的结构
css：
#ts_box{
width:300px;
height:210px;
border: 1px solid #000;
background:#fff;
position: absolute;
z-index: 10;
}
#ts_infro {
background-color: #000;
height: 210px;
width: 300px;
margin: 8px 0 0 8px;
position: absolute;
-moz-opacity:0.2;
filter: alpha(opacity=20);
}

#ts_body {
width:308px;
height:218px;
position: absolute;
}