时间:2021-07-01 10:21:17 帮助过:40人阅读
http://aliceui.com/1px-round-corner/
楼上这个没有投影,而且角不够圆,跟那个效果还是差很远哦
看不到圆角,看来是不兼容。
这是 Firefox 对css3 box shadow的实现,目前由于css3未定稿,所以这个只是暂时的,共它很多浏览器也暂不支持
body{ background-color:#EAEAEA;} div{ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); width:400px; background-color:#fff; padding:8px; }
http://www.mijia.org/blog/?p=204颠覆网络35天 ─ 使用-moz-box-shadow渲染阴影原文地址:shadow boxing with -moz-box-shadow系列地址:颠覆网络35天====================================在Firefox 3.5中实现的CSS特性中还有一个很有意思的──盒子阴影。这个特性允许在任何支持盒子模型的元素上投射出“阴影”效果。由于CSS3的盒子阴影属性目前还在发展中,所以Firefox特化的把他实现为-moz-box-shadow。这种特化方式是Firefox实现CSS中的实验属性的方法之一,在属性前面加上前缀“-moz-”。等到这个属性最终被CSS3确定之后,属性会重新命名为“box-shadow”。
这个圆角不兼容ie