首页 文章

CSS内容文本消失但在移动设备上运行

提问于
浏览 次
-1

试图解决旧开发人员工作问题...我们公司网站上的 Headers Link Here CSS内容不仅仅显示边界线 . 在移动设备上它看起来很好 .

hr.aboutUs {padding：0; border：none; border-top：1px solid＃808080;颜色：＃808080; text-align：center; }

hr.aboutUs :: after {content：“关于我们”; display：inline-block;位置：相对;顶部：-0.7em; font-size：1em; font-weight：bold;填充：0 0.75em;背景：白色; }

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

html css

1 回答

  • 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行之后添加 .

    希望这可以帮助 . :)

    回复于

相关问题