Question

出于某种原因，我无法弄清楚为什么我尝试在标题元素上应用的盒子阴影在Firefox中无法正确呈现。

阴影在右侧和左侧的内容部分正常工作，但奇怪的是不适用于标题元素。

我希望有人可以让我朝着正确的方向前进。提前谢谢。

Answer 1

首先you have some critical errors。浏览器现在试图纠正它们，但结果不一定是你期望的结果使得查找css错误稍微困难一些，所以请密切关注正确的代码验证。

至于你的问题，这是解决方案......

添加：

.entry-header {
    position: relative;
    z-index: 21;
}

因为此元素应位于 div.page-header-image-single 之上，其 z-index：20 。然后从 h1.entry-title，h1.page-title

中删除 z-index：51 属性

不要忘记在你的style.css中取消注释 h1.entry-title：before，h1.page-title：before ：124