Funkar bara "hover" på länkar?
Hover på annat än a?
HTML & CSSur HTML, XHTML & CSS
8 svar · 334 visningar · startad av Jesper T
Fattar inte. Detta funkar ju inte.
<style type="text/css">
.tbl{background:transparent;}
td .tbl:hover{ background:#eeeeee;}
</style>
<table border="3">
<tr>
<td class="tbl">Hoover now!</td>
</tr>
</table>
:hover ska fungera på alla element, funkar utmärkt i Mozilla, Opera, Safari etc
Men tyvärr har Microsoft bara implementerat detta på <a> taggen... x(
Jag har för mig att en tidigare W3-spec sa att :hover bara skulle funka för a. Microsoft håller sig visst till detta. Micro$oft gör visst allt för att hålla kompatibiliteten med andra browsers nere...(Tänker t ex på position: fixed; )
JesperT: inget mellanslag mellan td och .tbl så fungerar det i mozilla åtminstone. IE är som sagt i en annan division, så där fungerar det inte
td.tbl:hover{ background:#eeeeee;}
Löst, och löst.
Säga vad man vill om I.E. men funkar det inte i I.E. som minst 70% av alla surfare använder så går det ju fetbort. ;)
Om alla försöker följa standards så kommer t o m IE att vara tvugna att böjja sig. Speciellt om majoriteten av de komersiella sidorna börjar följa W3Cs rekomendationer...
Du kan ju använda förslaget så får vi som använder en vettig läsare se lite roliga grejer ;)
Att de flesta använder IE är bara en utbildningssak :)
Mvh
Jan-Olov




