CSS影响div的所有四个方面

Question

我希望在CSS中实现这一点 - 而不是CSS3,因为我希望所有浏览器都支持它, 所有方面都有阴影http://img831.imageshack.us/img831/5339/27900717.png

即包含内容的div,每边都有阴影.顶部区域将用于导航.我已经搜索了教程,但到目前为止无济于事.救命!

Answer 1

Box Shadow适用于所有现代[IE> 8]浏览器,此代码不使用图像,适用于9以下IE版本的所有浏览器.

 box-shadow:2px 2px 10px 10px #C9C9C9;
 -webkit-box-shadow:2px 2px 10px 10px #C9C9C9;
 -moz-box-shadow:2px 2px 10px 10px #C9C9C9;

  /* For IE<9 */  
  filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=0,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=90,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=135,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=180,strength=10),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=225,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=270,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9,direction=315,strength=2);

从IE 9开始支持Box shadow.

Answer 2

正如 Ventus 所说，不可能在 ie 中使用 css 阴影（仅限 ie9）。但你可以使用shadowOn。这是一个很棒的 jquery 插件并且非常容易使用。有了它，您将具有跨浏览器兼容性。