Question

那我怎么能这样做，使用css3，mabe box-shadow？ http://screencast.com/t/48LooBwz

有人可以帮助我吗？

我需要将该样式应用于元素吗？

最诚挚的问候，

Answer 1

您可以使用box-shadow，并将其破解为IE：

.shadow {
        zoom:1; /* This enables hasLayout, which is required for older IE browsers */
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
        -moz-box-shadow:2px 2px 2px #b0b0b0;
        -webkit-box-shadow:2px 2px 2px #b0b0b0;
        box-shadow:2px 2px 2px #b0b0b0;
}

以下是一个示例：http://www.splashdust.net/2010/05/ie-hack-css-dropshadow/

Answer 2

你是什么意思，1px投影？是的，'盒子阴影'会做（当然除了IE）。

/* horizontal offset, vertical offset, blur radius, color */
box-shadow: 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);

Answer 3

你的意思是：box-shadow: 0px 10px 5px #888;？

info：http://www.css3.info/preview/box-shadow/

不适用于所有浏览器。

用css 3有办法做到这一点吗？

3 个答案: