Html h2和x27后面的插入框阴影；s背景图像/颜色，需要在上面

正如标题所示，我在H2元素背景下有一个嵌入框阴影，我需要它位于元素上方

我已经设置了背景图像，以便根据访问站点的页面轻松编辑颜色，对于如何使阴影出现在h2上方的任何帮助，我们都将不胜感激，谢谢

还有，是否可以用png渐变来做类似的事情？这将是一个更好的解决方案，因为我尝试只在右侧显示阴影（但它也显示在顶部和底部）

无礼

---

在JSFIDLE上查看HTML，谢谢

我创建了包含阴影的伪after元素：

在#地区附言第二段中，我补充道：

position: relative;

最后是关于单面框阴影的内容-

#region-postscript-second:after{
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; width: 14px;
    box-shadow: inset -14px 0 8px -8px rgba(0, 0, 0, .25);
}

position: relative;