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

nee gibt es nicht...

Warum wusst ich das

hm, du kannst aber in dein <a> doch ziemlich viel reinlegen, nen Bild und Text usw.
Wenn du dem Link keine url gibst (href="#") und dazu noch nen Cursorwechsel machst, sodass da nicht zwangsläufig die Hand zu sehen ist, dann find ich das ok - ist valide und erfüllt seinen Zweck; dass ein Vorleseprog damit aber Probs haben kann muss dir klar sein.

je nachdem was du hovern willst kannste ja trotzdem n a-tag nehmen und den so aussehen lassen wie du willst... solange du kein href rein schreibst, wirds auch kein hyperlink



/edit: mist, ich sollte ungelesene tabs nich so lange auf lassen...

unter http://www-mmt.inf.tu-dresden.de/Lehre/Som...e/Int/index.htm
mal bei der Semperoper oben mittig mal auf das rechte obere Quadrat klicken (Geschichte Dresdens b)
Alles, was da ins Frame geladen wird, ist von Sowjet und mir (über die gestalterische Qualität will ich nicht diskutiern..sind eben keine Grafiker, dafür ist alles nur mit CSS-Boxen gebaut und größtenteils valide)
Wenn du dir dann irgendne Epoche aussuchst, kannst du rechts über die größeren Bilder fahren und es wird dir nochmal stark vergrößert angezeigt, funktioniert im IE, unter allen Geckos, Safari, Konqueror, ...
Dort ist das mit <a>s gelöst, die wie oben beschrieben eben keine Url enthalten, dafür den Cursorwechsel...so gemacht hab ich das auch erst, als ich merkte, dass der IE zu doof is
(btw: ohne den Cursorwechsel gehts im IE nicht. Ist ein Bug von dem Teil, hab ich in diversen Webdesignforen schon erläutern müssen, weils keiner glaubte)

Dieser Beitrag wurde von Perseus: 02 Mar 2006, 19:39 bearbeitet

<off>
gefällt dir wohl nimmer unser projekt?!
ich finde es gestalterisch wertvoll, da es mal was andres ist als der ganze andre quark
:p
<on>

also die änderung der hintergrundfarbe geht im IE leider nur mit javascript

@perseus: die änderung des cursors bei links kann man mit css "rückgängig" machen (funktioniert auch beim IE)

gar nich wahr! wenn du einen a-tag mit id="wechseln" hast, sagste einfach

a#wechseln:link {background-color:#000000}
a#wechseln:hover {background-color:#FFFFFF}

Ist mir durchaus bewusst und hab ich ja - s.o.

ich bin von nicht-links ausgegangen

folgendes funktioniert bei gecko-basierten browsern, opera und konqueror aber NICHT im IE (obwohl es das laut CSS spezifikation sollte)


(jaja .. quick&dirty code)

es geht hier aber genau darum DASS es im IE gehn soll

das war auch nur eine antwort auf deinen letzten post

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



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.
aber mit dem 7er soll ja alles besser werden

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

man könnte element.style.backgroundcolor zwischen speichern so könnte
man die farbe auch wieder "entfernen".