Axel Richter: CSS col:hover

Beitrag lesen

Hallo,

hm. so wie ich das verstanden habe geht es um einen mouseover Effekt. Da hilft allenfalls hover, aber wie man das mit css ueber eine _Spalte_ (also _mehrere_ unterneinander stehenden tds) realisieren soll... vielleicht irre ich mich auch...

Das HTML-Element hierfür existiert. Es könnte gehen, wenn COL:hover akzeptiert werden würde. Laut CSS-Spezifikation ist :hover für alle Elemente möglich, die einen mit dem Mauscursor überfahrbaren Block bilden. Warum auch die besseren Browser das bei COL nicht unterstützen, weiß ich nicht. TR:hover funktioniert jedenfalls in vielen Browsern.

<style type="text/css">
<!--
col {width:100px; background-color:yellow;}
col:hover {background-color:red;}
/*
tr {background-color:yellow;}
tr:hover {background-color:red;}
*/
-->
</style>

<table>
<colgroup>
 <col>
 <col>
</colgroup>
<tr>
 <td>1</td>
 <td>2</td>
</tr>
<tr>
 <td>3</td>
 <td>4</td>
</tr>
</table>

Frage in die Runde:

Gibt es einen Grund, warum Firefox nur width und weder background-color noch :hover für das COL-Element umsetzt. Wo ist der Unterschied zum TR-Element?

viele Grüße

Axel