為什么background-color：white; 不起作用？
[英]Why background-color:white; doesn't work?
問題描述
這是我的代碼：
body{ text-align: center; } span{ background-color: white; z-index: 2; } div{ border-top: 1px solid; position: absolute; width: 100%; margin-top: -8px; z-index: 1; }
<span>test</span> <div></div>
如您所見，該黑線仍在文本上。 雖然我為文本設置了白色背景色。 為什么沒有出現？
我想在文本的邊緣上剪掉黑線。 換句話說，該行應圍繞文本。
3 個解決方案
解決方案1
3 已采納 2017-04-09 09:34:18
span需要位置，即position: relative z-index工作的position: relative
body{ text-align: center; } span{ position: relative; background-color: white; z-index: 2; } div{ border-top: 1px solid; position: absolute; width: 100%; margin-top: -8px; z-index: 1; }
<span>test</span> <div></div>
解決方案2
0 2017-04-09 09:41:50
添加position:relative對於跨度。
body{ text-align: center; } span{ position:relative; background-color: white; z-index: 2; } div{ border-top: 1px solid; position: absolute; width: 100%; margin-top: -8px; z-index: 1; }
<span>test</span> <div></div>
解決方案3
-1 2017-04-09 09:37:04
您的身體標簽在哪里？
body{ text-align: center; } span{ background-color: red; z-index: 2; } div{ border-top: 1px solid; position: absolute; width: 100%; margin-top: -8px; z-index: 1; }
<body> <span>test</span> <div></div> </body>
three.js漸變背景顏色不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.