_
toggle menu eXmatrikulationsamt.de
online: CD und 331 gäste

> Rollover mit CSS

Themen Layout: Standard · Linear · [Outline] Thema abonnieren | Thema versenden | Thema drucken
post 02 Mar 2006, 16:01
avatar
eXma Poltergeist
*********

Punkte: 6729
seit: 20.10.2004

Hallo liebe CSS begeisterte. Unlängst wollte ich mal mit CSS rumspielen, da stieß ich auf folgendes:

Man kann ja mittels a:hover { ... } einen Rollovereffekt für Links bewerkstelligen. Unter Browsern mit Geckoengine geht das auch mit anderen HTML Elementen, z.B. divs shifty.gif
Leider geht das natürlich im Internetexplorer nicht, der interpretiert hover nur für a's. Kennt zufällig jemand einen CSS Workaround, damit das evtl. doch im IE funktioniert? JavaScript lassen wir hier mal außen vor.


--------------------
ProfilPM
AntwortenZitierenTOP
 
Antworten
post 03 Mar 2006, 15:06
avatar
2. Schein
**

Punkte: 90
seit: 22.08.2005

so beispiel wie es mit dem IE ab version 5.5 funktioniert (mit n paar zeilen mehr code wuerde auch 4.0 gehen, aber nutzt eh kaum noch jemand) und natuerlich auch mit den geckos und khtml basierten browsern sowie opera

CODE

<html>
<head>
<title>mouse over test</title>
<script language="javascript">
function colorize ( element, color ) {
 element.style.backgroundColor = color;
}
</script>
</head>
<body>

<div onMouseOver="colorize(this, '#f0f');" onMouseOut="colorize(this, '#fff');">
test
</div>

<table>
<tr onMouseOver="colorize(this, '#f0f');" onMouseOut="colorize(this, '#fff');">
<td> test </td>
</tr>
</table>

</body>
</html>


wieder nur dirty code, aber sollte als bsp reichen

anzumerken ist, das man bei einem verlassen des feldes mit der maus nur eine farbe setzen kann. entfernen funtkioniert meines wissens nicht.

ohne javascript laesst sich der IE 5 & 6 leider nicht ueberzeugen. wacko.gif
aber mit dem 7er soll ja alles besser werden wink.gif

Dieser Beitrag wurde von BNAL: 03 Mar 2006, 15:09 bearbeitet


--------------------
ProfilPM
AntwortenZitierenTOP
Beiträge
Stormi   Rollover mit CSS   02 Mar 2006, 16:01
tjay   nee gibt es nicht...   02 Mar 2006, 16:17
Stormi   Warum wusst ich das :rolleyes:   02 Mar 2006, 16:39
Perseus   hm, du kannst aber in dein <a> doch ziemlic...   02 Mar 2006, 18:23
Sowjet   <off> gefällt dir wohl nimmer unser projekt?...   02 Mar 2006, 19:40
mcnesium   gar nich wahr! wenn du einen a-tag mit id=...   02 Mar 2006, 20:33
lusch3   edit: bin doof   28 Aug 2006, 08:58
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder: