は私のコードです：なぜ背景色：白;動作しませんか？ここ
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>ご覧のとおり、黒い線がテキストに残っていること。私はテキストに白い背景色を設定していますが。なぜそれは現れないのですか？
テキストの端に黒い線を引っぱりたい。つまり、その行はテキストを囲む必要があります。
span必要位置、すなわち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>はどこBODYタグで作業するには？
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>スパンに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>その解決策はすでに10分与えられています。前に...なぜもう1つ？ ...そして良い答えは、それが働く理由を説明しなければならない – LGSon
タグ 'html'、' head'と 'body'は、スニペットのために自動追加されるので、明示的に追加する必要はありません、まだ、どのようにこの質問に答えるのでしょうか？ ... _black line_はまだテキストの上にある – LGSon
誰かがRunコードスニペットがコードブロック内にあることに気付いたことはありますか？どうして？ –
Hey ManコードスニペットのBodyを参照してください。背景色はスパンのラップコンテンツです。 あなたはあなたの答えを知っていますか？ –