框阴影不会渲染内容

时间:2012-02-22 15:32:22

标签: html rendering shadow

所以这让我发疯了。我有两个div,左边浮动,底部有一个阴影框阴影,在这个JS小提琴http://jsfiddle.net/q79Lg/阴影渲染正确,它覆盖了内容,但是当我从字面上复制完全相同的东西到页面{ {3}}阴影不会覆盖上面div中的内容。为什么会发生这种情况?

最终我想在这里http://www.klossal.com/portfolio/index_backup2.html使用它,但它与前两个来源中列出的问题相同,但我已经把所有其他垃圾拿出来了。

非常感谢你帮助我。

1 个答案:

答案 0 :(得分:0)

尝试

<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;">

对于底部div,看看是否有效:)