没有渲染内容的盒子阴影

所以这让我疯狂。我有两个div，左边浮动，底部有一个阴影框阴影，在这个JS小提琴http://jsfiddle.net/q79Lg/阴影呈现正确，它涵盖的内容，但是当我复制字面上完全相同的东西到一个页面http://www.klossal.com/portfolio/index_backup2.html影子doesn'覆盖上面div中的内容。这是为什么发生？没有渲染内容的盒子阴影

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

非常感谢您的帮助。

来源

2012-02-22 loriensleafs

在我看来，影子是存在的，就像它应该是，它是不容易看到反对已经黑暗的背景。 – Feysal 2012-02-22 15:39:43

尝试

<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，看看是否能工程:)

来源

2012-02-22 15:36:10

所以我想避免绝对定位。并且基于Jfiddle渲染，我不需要，它在那里工作得非常好，您可以在滚动的第一个div中看到图像缩略图内容的顶部。它涵盖了两种背景，但Jfiddle也涵盖了大拇指和滚动条，这正是我想要的。我无法弄清楚为什么网页上的实例没有。这是问题。 – loriensleafs 2012-02-22 15:45:31

所以上面的代码不能在网站上工作？我只是好奇地试图找出这一点，但有趣的是“http://www.klossal.com/portfolio/index_backup2.html”在我的浏览器（firefox）中正常工作您使用的浏览器是什么？ – 2012-02-22 15:50:50

确实jfiddle以不同的方式处理代码，以解决这种差异？ – loriensleafs 2012-02-22 15:55:41

没有渲染内容的盒子阴影

回答

相关问题