Why background-color:white; doesn't work?
Question
Here is my code:
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>
As you see, that black line is still on the text. While I've set a white background color to the text. Why it doesn't appear?
I want to cut that black line on the text's edges. In other word, that line should be surround the text.
3 answers
solution1
3 ACCPTED 2017-04-09 09:34:18
The span need position, ie position: relative for z-index to work
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>
solution2
0 2017-04-09 09:41:50
Add position:relative to the span.
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>
solution3
-1 2017-04-09 09:37:04
Where is your Body TAG ?
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
three.js gradient background-color doesn't work
My loop for changing background-color doesn't work
background-color doesn't work on dynamically inserted element
background-color won't work in Chrome
Div background-color doesn't fill the height
background-color does not work properly on iphone
(Background-color) switch isn't working
Why doesn't innerHTML work with white spaces?
Background color doesn't work, even with !important
Why doesn't the menu background color change?
Related Tags