一种阴影的CSS实现

CSS3 中提供了 box-shadow 属性,只要定义 该属性就可以对容器设置阴影。

但是现行的版本来说还是要用额外的层去实现 myYahoo 中提供了一个方法 如下:

 .t-shadow { position:absolute; right:-2px; bottom:-3px; top:0; left:0; z-index:-500;background:#333;

*width:100%;
*height:100%;
*top:auto;
*left:auto;

}

标准的浏览器下同时设置top,right,bottom,left的值即可获得与外层容器同等大小的阴影 用right 和 bottom的负值形成阴影效果 IE中需要设置 高度和宽度的 100% 

z-index设置负值 以免对其它层产生遮盖。

posted on 2010-04-27 09:25  trance  阅读(228)  评论(0编辑  收藏  举报

导航