Guten Tag,
ich bin neu im Forum und habe gleich eine Frage. Habe vergleichbares aber im Forum noch nicht finden können.


Problem:
Auf einer neu zu erstellenden Website (Firmenintranet) soll ein .jpg als Landkarte mit opacity 0.6 beim Überfahren mit der Maus auf opacity 1.0 gehen. Klappt auch wunderbar mit folgendem css-Bausteinen:

#content img.opacity {
-moz-opacity: 0.60; /* Mozilla */
opacity: 0.6; /* Opera */
filter: alpha(opacity=60); /* IE */
border: 0px;
margin-bottom: 30px;
}

#content img.opacity:hover {
-moz-opacity: 1;
opacity: 1;
filter:alpha(opacity=100);
border: 0px;
margin-bottom: 30px;
}

Nun das Problem:
Auf der Landkarte.jpg gibt es ein paar "hot spots" mit Links zu anderen Seiten.
Beim IE 8 und älter alles kein Problem.
Firefox 10 hat folgende Eigenart: Beim überfahren (hover) der Links fällt die Karte immer wieder auf den Ausgangswert opacity = 0.5 zurück. Beim verlassen der hotspot geht die Karte wieder auf opacity =1. Also eine Art opacity-flackern, was sehr unschön ist.
Es wäre schön, wenn jemand einen Tipp geben kann.

Danke!

Eine kleine Testseite wäre hilfreich. Hat nur Firefox10 das Problem, was ist mit Chrome?

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Ohne Testseite kann ich dir leider auch nicht weiterhelfen, aber vielleicht findest du den Hinweis nützlich, dass es -moz-opacity gar nicht gibt. Firefox versteht die opacity-Eigenschaft sehr gut.

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Also mit Chrome habe ich es noch nicht getestet, wollte erstmal Firefox und IE hinbekommen.

Kleine Testseite:

Euro - Test


Vielleicht fällt Euch auf, wo mein Fehler liegt.

DAnke!

Verstanden.

Das ist eine verzwickte Situation. Man kann sowohl für IE und Chrome argumentieren als auch für Firefox und Opera.

Da es sich um eine Intranetseite handelt, würde ich den Fehler einfach mit JavaScript umgehen. D.h. sobald du einen Hotspot überfährst, soll das Script die Transparenz des Bildes auf 0 setzen.

Auf Deiner Testseite kann ich das beschriebene Problem unter Fx 10.0.2/win nicht nachvollziehen.

Tatsächlich?
Welches Win verwendest du? Bei mir auf Win7 mit dem selben Firefox ist das Problem nachvollziehbar.

Danke, dass ihr Euch mein Problem angeschaut habt.

Also bei uns ist das Problem sowohl mit XP als auch mit WIN7 unter Firefox aufgetreten. In irgendeinem englisch-sprachigem Forum hatte ich mal etwas von einem opacity-bug bei Firefox gelesen, weiss aber nicht mehr wo. Das Problem nervt mich nämlich schon seit über einer Woche.

Gruß -

jm10

Gato, ich hatte mit Fx 10.0.2 unter Win 7_Sp1, Home Premium, 64-Bit getestet ...

Ahh, den Satz habe ich jetzt erst gesehen ... mir daraufhin den Testcase in IE angeschaut und siehe da, IE und Chrome setzen den Code tatsächlich anders um als Fx und Opera.

Google meint, dass Opacity für das Element area nicht cross-browser geht und empfiehlt stattdessen das Script mapper.js.

Hmm, andererseits meint das W3C, dass Opacity für alle Elemente greifen soll.