CSS可实现对Div盒子的投影效果吗？

Question

什么是创建div框周围投影阴影最简单的方法？一位印刷媒体设计师给我发了这个示例设计：http://glacialsummit.com/shadow.jpg。如您所见，投影阴影似乎在div框周围“发光”。是否可以使用CSS轻松重新创建它？还是应该告诉设计师这是不切实际的？

- John

---

你需要CSS3，这只有现代浏览器支持。希望还有其他选择 :) - Sarfraz

@sAc：实际上，在IE6中也是可能的。 - SLaks

Answer 1

即使在IE6中，使用CSS实现阴影效果也是可行的。

- SLaks

Answer 2

使用CSS3是可以实现的，但各种浏览器仍然使用自己的CSS属性名称。

- Felix Kling

Answer 3

是的，使用CSS3可以实现。这是一个示例：

selector {
  -moz-box-shadow: 5px 5px 10px #666;
  -webkit-box-shadow: 5px 5px 10px #666;
  box-shadow: 5px 5px 10px #666;
}

除了IE，大多数主流浏览器都可以使用。

以下是解释：

selector {
  box-shadow: x-coordinate y-coordinate blur-radius color;
}

干杯。

- Ei Maung