盒子阴影内容涵盖？

Question

我有一个带有盒子阴影的div，看起来很棒。我遇到的问题是，当我向div添加内容时，内容将覆盖阴影。如何在我的div上设置box-shadow并将其放在该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

您希望告诉内容的行为并保持与阴影的距离，将padding #hero_graphic设置为约15像素。

See example