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

Question

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

hr.aboutUs { 填充:0;边框:无； border-top: 1px solid #808080;颜色:#808080；文本对齐:居中； }

hr.aboutUs::after { 内容:“关于我们”；显示:内联 block ；position:relative；顶部:-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 行之后。

希望这对您有所帮助。 :)