Html 将放置阴影应用于div

我需要一些帮助，将阴影图像应用于一系列DIV元素。所讨论的元素已经有了背景图像，所以我正在围绕它们包装另一个DIV。事情变得更加复杂，因为我也在使用960gs CSS框架

这是我当前用于内容框类型显示的HTML：

<div class="grid_12 boxout-shadow-920">
 <div class="boxout">
  <p>The personal site and blog of CJD. The site is still a work-in-progress but please do have a look around and let me know what you think! </p>
 </div>
</div>

boxout-shadow-920 CSS：

.boxout-shadow-920 {
 background:url("../images/box-shadow-920.png") no-repeat scroll 50% 101% transparent;
}

现在这在一定程度上起作用了。boxshadow图像显示在内容框的底部，这是我想要的。但是，当我使用固定百分比101%时，如果内容框高度太小，则不会显示太多阴影图像，如果内容框太大，则在框和阴影图像之间开始出现空白

所以无论如何，我要寻找的是一个基于跨浏览器CSS的解决方案来正确地完成这项工作

---

我相信有一个简单的答案-任何帮助都是感激的

查看此网站，了解各种CSS3效果，包括box shadow（您正在寻找）：

我会使用CSS3 box shadow属性，将div上的IE模糊过滤器作为传统浏览器的备用选项。

通过新的CSS3规范，我们获得了Mozilla浏览器已经支持的属性

box shadow

（通过

-moz-box-shadow

）和Webkit浏览器（通过

-Webkit-box-shadow

）。由于10.5版本的pre-alpha也支持此属性

因此，只要您能接受为Internet Explorer显示无阴影，您就可以坚持使用此属性。其背后的思想更清晰，因为不需要特定于布局的HTML标记

有关浏览器兼容性的更多信息，请参见此处：

要获得大多数浏览器引擎的最大支持，您应使用以下三条语句：

box-shadow: 3px 3px 5px #000;
-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;

---

与相同的技术。

问题是，我的boxshadow不是一个普通的boxshadow，它完全是花哨的，所以不能使用box shadow属性进行复制

box-shadow: 3px 3px 5px #000;
-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;