提问者:小点点

CSS内容文本消失,但在移动设备上工作


试图排除一个老的开发人员的工作。。。我们的标题在我们的公司网站链接这里的CSS内容是不显示只有边框线。不过,在手机上看起来还不错。

hr.aboutus{padding:0;border:none;border-top:1px solid#808080;color:#808080;text-align:center;}

hr.aboutus::After{content:“about us”;display:inline-block;position:relative;top:-0.7em;font-size:1em;font-weight:bold;padding:0 0.75em;background:white;}

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


共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行之后添加此选项。

希望这能帮上忙。:)