webForumDet fria alternativet

Hover på annat än a?

HTML & CSSur HTML, XHTML & CSS

8 svar · 334 visningar · startad av Jesper T

Medlem sedan nov. 20017 144 inlägg
Frågan#1

Funkar bara "hover" på länkar?

Medlem sedan mars 20025 907 inlägg
#2

http://www.xs4all.nl/~peterned/csshover.html

andra träffen på "hover" på google :)

Medlem sedan nov. 20017 144 inlägg
#3

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>
Medlem sedan feb. 2003774 inlägg
#4

: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(

Medlem sedan aug. 20039 342 inlägg
#5

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; )

Medlem sedan mars 20025 907 inlägg
#6

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;}
Medlem sedan nov. 20017 144 inlägg
#7

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. ;)

Medlem sedan jan. 2003282 inlägg
#8

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

Medlem sedan juli 20013 378 inlägg
#9

Jae - alltså - men det funkar väl i MSIE också om du @importerar csshover.htc enligt Peeers länk ???

Det är ju en fungerande lösning på problemet att MSIE inte hanterar hover på annat än <a> som den artikeln handlar om - med exempel ;)

299 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
297 ms — hämta tråd, inlägg och bilagor (db)