Question

我想知道DIV是否有文字阴影之类的东西，我们都知道文字阴影只是为了给文本留下阴影，但是我想要一个完整DIV的阴影。

任何想法？

由于

Answer 1

如果您使用的是text-shadow，则使用的是CSS3，请尝试使用box-shadow property。

Answer 2

实际上，您可以在较新的浏览器上使用css3并使用IE进行过滤。我在前一段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')";
}

Answer 3

您可以尝试border-image

border-image: url(shadow.png);

仅限CSS3

Answer 4

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

Divs有文字阴影吗？

4 个答案: