长方体阴影不在内容上渲染

Question

这快把我逼疯了。我有两个http://www.klossal.com/portfolio/index_backup2.html，漂浮在左边，底部有一个下拉阴影框阴影，在这个JS小提琴中阴影渲染正确，它覆盖了内容，但当我从字面上复制完全相同的东西到页面div时，阴影不会覆盖上面div中的内容。为什么会发生这种情况？

最终，我想在这里http://www.klossal.com/portfolio/index_backup5.html使用它，但它与前两个源码中列出的问题是相同的，但我已经删除了所有其他垃圾。

非常感谢你对我的帮助。

Answer 1

试一试

<div align="center" style="background: #ffffff; position: absolute; bottom: 0px; left: 0px; z-index: 5; border:1px solid red; -webkit-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); width:100%;height:200px;">

对于botttom div，看看它是否有效:)