Der Grenzstil funktioniert nicht mit klebrigen Positionselement ⇐ HTML

[Anonymous]

Ich weiß nicht, warum mein Grenzstil nicht mit Position funktioniert: Sticky; Attribut. Ich möchte Grenzstile auf meinen klebrigen Tischheader setzen. Aber ich möchte die transparente Hintergrundfarbe nicht verwenden. Wie kann ich es erreichen? Hier sind Beispielcodes für mein Problem und Jsfiddle Link < /p>


#wrapper {
width: 400px;
height: 200px;
overflow: auto;
}

table {
width: 100%;
text-align: center;
border-collapse: collapse;
}

table tr th,
table tr td {
border: 2px solid;
}

table thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #edecec;
}< /code>




A
B
C
D
E



1
1
1
1
1


2
2
2
2
2


3
3
3
3
3


4
4
4
4
4


5
5
5
5
5


6
6
6
6
6


7
7
7
7
7


8
8
8
8
8


9
9
9
9
9




< /code>
< /div>
< /div>
< /p>

Unten finden Sie Screenshots für das, was ich will und wer meine Frage nicht genug löscht.



Sie können inline -Grenzstile von CSS und Sie funktionieren. um. ). < /p>

< /p>

Nach dem Scrollen nach unten ein wenig nach unten. Sie werden sehen, dass alle Grenzstile verschwunden sind.