內容覆蓋的箱影？

我有一個箱子陰影的div，它看起來不錯。我遇到的問題是，當我將內容添加到div時，內容將覆蓋陰影。如何在我的div上使用box-shadow並將其放在該div的任何子內容之上？內容覆蓋的箱影？

這是CSS上包含div

#hero_graphic { 
     box-shadow: inset 0px 5px 10px #333; 
     float: left; 
     width: 100%; 
     height: 300px; 
     margin: 0px; 
     padding: 0px; 
    }

此插圖的box-shadow會顯示，如果沒有內容是div裏面，但是當我將內容添加到div覆蓋設置。

來源

2012-05-16 Bobbake4

內容頂部的陰影！你的意思是覆蓋？ – zod

顯示一些代碼或[jsfiddle]（http://jsfiddle.net/）它 –

我試過這個，它真的有問題。我想唯一的解決方案是將陰影直接應用於div而不是包裝。或嘗試與包裝的相對位置和絕對的hero_graphic ... –

您想要告訴內容的行爲並保持與陰影的距離，將padding的#hero_graphic設置爲大約15個像素。

See example

來源

2012-05-17 09:17:24 Ozrix

內容覆蓋的箱影？

回答

相關問題