内容覆盖的箱影？

我有一个箱子阴影的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

内容覆盖的箱影？

回答

相关问题