CSS 内容文本消失但可在移动设备上使用

Question

尝试对旧开发人员的工作进行故障排除...我们公司网站上的标题Link Here CSS 内容不只显示边框线。不过在手机上看起来还不错。

hr.aboutUs { 填充：0;边框：无；边框顶部：1px 实心 #808080;颜色：#808080；文本对齐：居中； }

hr.aboutUs::after { content: "关于我们";显示：内联块；位置：相对；顶部：-0.7em；字体大小：1em；字体粗细：粗体；填充：0 0.75em；背景：白色； }

***它在 Safari 和 Firefox 上显示，但不在 Chrome 上

Answer 1

您必须在针对桌面设备的媒体查询中声明 hr.aboutUs:after。

@media all and (max-width: 806px) {
    hr.aboutUs:after {
        content: "About Us";
        display: inline-block;
        top: 1.5em;
        font-size: 1em;
        font-weight: bold;
        padding: 0 0.75em;
        background: white;
        z-index: 10000;
        position: absolute;
        left: 22.5em;
    }
}

确保将其添加到第 #589 行之后。

希望这会有所帮助。 :)