CSS內容文本消失但適用於手機

-2

試圖解決舊開發人員的工作問題...我們的公司網站上的標題Link Here CSS內容沒有顯示出只有邊界線。在移動它看起來很好，但。CSS內容文本消失但適用於手機

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

hr.aboutUs :: after {content：「關於我們」;顯示：inline-block;位置：相對;頂部：-0.7em; font-size：1em; font-weight：bold;填充：0 0.75em;背景：白色; }

***它顯示在Safari和Firefox，而不是Chrome瀏覽器

來源

2017-10-10 Triangl3s

看來你的代碼有問題。但是，除非我們有[可以重現問題的代碼或信息]（// stackoverflow.com/help/mcve），否則我們無能爲力。否則，我們只是盲目猜測。 – Machavity

你將不得不在針對桌面設備媒體查詢申報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後面添加了這個。

希望這會有所幫助。 :)

來源

2017-10-10 18:22:18

謝謝Jayman！我使用了這個@media all和（min-width：0px）和（max-width：1400px）{ content：「About Us」; display：inline-block; top：1.5em; font-size：1em; font-weight：bold; 填充：0 0.75em; 背景：白色; z-index：10000; position：absolute; 剩餘：37％; right：37％; } }' – Triangl3s

找出有同樣問題的人的問題...我需要添加溢出：可見; – Triangl3s

CSS內容文本消失但適用於手機

回答

相關問題