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

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 像素。

查看示例