position:sticky funktioniert nicht

[Der Martin]

Hi,

ich korrigiere mich: Der <thead> ist vermutlich nicht transparent

soweit ich weiß, ignorieren die Elemente thead, tbody und tfoot so einige visuelle Eigenschaften, weil sie nur zur strukturellen Auszeichnung da sind.

sondern <tbody> schiebt sich drüber. Braucht thead ein z-index?

Nicht dass ich wüsste. Aber ich habe auch vor einiger Zeit irgendwo ein "Kochrezept" für Tabellen mit feststehender Kopfzeile gelesen, wo betont wurde, dass man sticky nicht auf thead anwenden sollte, sondern auf die darin enthaltenen th. Zusätzlich, so der Autor dieses Rezepts, brauche die Tabelle selbst noch ein position:relative. Die genaue Erklärung habe ich aber nicht mehr im Kopf.

Für deinen Fall also:

table.liste
 { position: relative;
 }
table.liste thead th
 { position: sticky;
   top: 5px;
   background-color: #fe0;
 }

Du ordnst zwar sticky an, aber ohne Positionsangabe.

Danke, der Tipp war's.

De nada. Das ist so ähnlich wie: "Geh bloß nicht näher ran!" - "Woran?"

Live long and pros healthy,
 Martin