html - 内容覆盖的盒子阴影？

Question

我有一个带有框阴影的 div，看起来很棒。我遇到的问题是，当我向 div 添加内容时，内容将覆盖阴影。如何在我的 div 上添加框阴影并将其置于该 div 的任何子内容之上？

这是在包含的 div 上设置的 css

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

如果 div 中没有内容，但当我向 div 添加内容时，此插图框阴影将显示。

Answer 1

你想告诉内容行为并保持它与阴影的距离，将 #hero_graphic 的 padding 设置为大约 15 像素。

See example