Div是否有文字阴影？

Question

我想知道是否有类似DIV文本阴影的东西，我们都知道文本阴影只是用于将阴影投影到文本上，但我想要一个完整DIV的阴影。

有什么想法？

感谢

Answer 1

如果您使用的是文字阴影，那么您使用的是CSS3，因此请尝试box-shadow property。

Answer 2

你可以尝试border-image

border-image: url(shadow.png); 

CSS3虽然只有

Answer 3

您可以使用图片来获取div的阴影效果。 Alist apart有很好的文章。

Answer 4

其实你可以用新的浏览器和IE浏览器的css3做到这一点。我回头看了一下extremely good article。基本上你可以采用下面的CSS并将它应用到div上，它应该可以和FF，Safari，Chrome，Opera，IE5.5以及更高版本一起工作。

.module { 
    /* offset left, top, thickness, color with alpha */ 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    /* IE */ 
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray'); 
    /* slightly different syntax for IE8 */ 
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')"; 
}