所以這讓我瘋狂。我有兩個div，左邊浮動，底部有一個陰影框陰影，在這個JS小提琴http://jsfiddle.net/q79Lg/陰影呈現正確，它涵蓋的內容，但是當我複製字面上完全相同的東西到一個頁面http://www.klossal.com/portfolio/index_backup2.html影子doesn'覆蓋上面div中的內容。這是爲什麼發生？沒有渲染內容的盒子陰影
最終我想在這裏使用它http://www.klossal.com/portfolio/index_backup5.html但它只是前兩個來源中列出的相同的問題，但我已經採取了所有其他垃圾。
非常感謝您的幫助。
嘗試
<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，看看是否能工程:)
所以我想避免絕對定位。並且基於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
在我看來，影子是存在的，就像它應該是，它是不容易看到反對已經黑暗的背景。 – Feysal 2012-02-22 15:39:43