Gernot Back: td a:hover auch im IE

Beitrag lesen

SELF-Forum

td a:hover auch im IE

Gernot Back Homepage des Autors
+2 Informationen zu den Bewertungsregeln

Hallo Torsten,

Ich habe eine Tabelle in der ich bestimmte Zellen beim überqueren mit der Mouse aufleuchten lassen will (gefällt mir einfach sehr gut). Dies habe ich mit CSS versucht zu lösen(td:hover). Dummerweise funktioniert dies nicht im IE, wie so manches nicht. Wieso eigentlich nicht? Alternativ habe ich gesehn, kann man sowas auch mit Javascript machen:

jetzt stellen sich für mich zwei Fragen:
1.) Gibt es eine Möglichkeit dies ohne JS zu realisieren?

Geht doch, wenn du in jede zelle ein A-Element mit display:block, 100% Höhe und Weite setzt

Gruß Gernot

<html>
<head>
<title></title>
<meta name="author" content="Gernot Back">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
<!--
html, body {
  margin:0px;
  padding:0px;
}

table {
  width:100%;
  height:100%;
}

td a {
  width:100%;
  height:100%;
  background-color:#ff0000;
  display:block;
}

td a:hover {
  background-color:#00ff00;
}
-->
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tr>
 <td><a href="#1"></a></td>
 <td><a href="#2"></a></td>
</tr>
<tr>
 <td><a href="#3"></a></td>
 <td><a href="#4"></a></td>
</tr>
</table>
</body>
</html>

Beitrag melden
+2
Informationen zu den Bewertungsregeln