Re(2): CSS Hover in IE

CSS Hover in IE - Wie? (30 Beiträge, 272 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Hi,

Ich bastle gerade ein bisschen herum und habe folgende Situation:
Ich verwende Hovers, um Bilder erscheinen zu lassen, wenn ich über ein anderes Bild mit der Maus fahre.

Sieht dann so aus, sofern man einen Browser wie Opera, Safari, Firefox..., aber nicht den IE verwendent:
http://members.chello.at/alphaman/repairing_non_broken_code_for_inferior_browsers.html
(Das Original beinhaltet natürlich mehr Elemente, das ist nur ein Teil als Biespiel)

Nun funktioniert das wie erwähnt nicht im IE6, wie es um den IE7 steht, weiß ich nicht. Ich habe aber erfahren, dass der IE :hover schon unterstütz, jedoch nur mit Elementen.

Nun endlich die Frage:
Kann ich den Code umschreiben, oder einfach ganz anderen CSS Code verwenden, um den gewünschten Effekt in IE und Gecko Browsern zu verwenden?
(Eine Konkrete Antwort habe ich bissher nicht bekommen, nur Gemurmel über Sachen wie 'a { background-image: url(URL); } a:hover { background-image... } das mich noch nicht weitergebracht hat

)

Danke im *TRÖT*

Randnotizen:
*) Nein, JS ist keine Lösung, darum geht es mir im Grunde.
*) Der Punkt wird nicht einfach durch ein größeres Bild ersetzt, sondern das Bild mit dem Text legt sich darüber (transparentes gif)

Hier der Punkt:

und das Bild, das sich über den Punkt legt:

*) NEIN, der Text in den .gifs soll nicht lesbar sein, also keine Kommentare darüber.

04.09.2007, 22:03 Uhr - Editiert von kakazza, alte Version: hier

Re: CSS Hover in IE - Wie? (reisi1990 am 04.09.2007, 22:06:12)

Re(2): CSS Hover in IE - Wie? (kakazza am 04.09.2007, 22:15:19)

Re(3): CSS Hover in IE - Wie? (Infosauger am 06.09.2007, 10:39:30)

Re: CSS Hover in IE - Wie? (nico am 04.09.2007, 22:14:16)

Re(2): CSS Hover in IE - Wie? (kakazza am 04.09.2007, 22:49:09)

Re: CSS Hover in IE - Wie? (Dr. Watson am 04.09.2007, 22:54:39)

Re(2): CSS Hover in IE - Wie? (kakazza am 04.09.2007, 23:45:05)

Re(2): CSS Hover in IE - Wie? (kakazza am 06.09.2007, 02:30:29)

Also ersetzten schaffe ich jetzt, das ist schonmal viel wert, danke

Aber die edit2-Version scheint nicht so ganz zu klappen, ich denke mein Code ist etwas falsch, da mir nicht klar ist, wie ich das visibility: hidden; auf visible triggern soll. (Ein unsichtbares Bild zu klicken/drüberzu'hovern' ist nicht so einfach :D

			a#p1hov {
				height: 113px;
				width: 170px;
				display: block;
				background-image: url("./bilder/P1_over.gif");
				background-repeat: no-repeat;
				background-position: center center;
				position: absolute;
				top: 147px;
				left: 109px;
				visibility: hidden;
				}
			a#p1hov:hover {
				height: 113px;
				width: 170px;
				display: block;
				background-image: url("./bilder/P1_over.gif");
				background-repeat: no-repeat;
				background-position: center center;
				position: absolute;
				top: 147px;
				left: 109px;
				visibility: visible;
				}

Und danke für die - endlich mal verständliche - Anleitung. Du bist der erste, der tatsächlich weiß von was er redet anstatt nur "ja, mach das mit , das sollte gehen" zu sagen.

Edit:
http://members.chello.at/alphaman/repairing_non_broken_code_for_inferior_browsers_working_in_IE.html
^-- Hier mal die Version mit dem Austauschen, lustig ist allerdings, wie Firefox und IE die Positionierung anders interpretieren, kA warum.

Edit2:
Ich habe jetzt IE6 und IE7 parallel laufen (dank http://tredosoft.com/IE7_standalone ) und es sieht so aus: IE6: verschoben, warum auch immer, IE7: perfektes Ergebnis.

Die Fragen sind also:
*) Wie lege ich die zwei 's übereinander, um eine 2. Version zu haben (mit visibility)
*) ~~Gibt es einen Universalcode, damit der IE6 das auch checkt, oder soll ich einfach auf eine if condition für den IE6 verwenden?~~

Edit3:
So viele Edits... kommt davon wenn man Nachts arbeitet und dann alle 3 Minuten ein neues Ergebnis hat >_>
Habe nun das ganze für den IE6 4 Pixel nach unten verschoben. (Warum auch immer der IE6 das macht)
http://members.chello.at/alphaman/repairing_non_broken_code_for_inferior_browsers_working_in_IE_03.html

06.09.2007, 04:20 Uhr - Editiert von kakazza, alte Version: hier

Re(3): CSS Hover in IE - Wie? (Dr. Watson am 06.09.2007, 10:18:34)

Re(4): CSS Hover in IE - Wie? (kakazza am 06.09.2007, 14:46:00)

Re(5): CSS Hover in IE - Wie? (Dr. Watson am 06.09.2007, 14:55:19)

Re: CSS Hover in IE - Wie? (stefs am 15.09.2007, 03:57:33)

Re(2): CSS Hover in IE - Wie? (stefs am 18.09.2007, 16:32:36)

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung