|
|||
Firefox opacity-Problem bei hot-spot
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! |
Sponsored Links |
|
|||
Eine kleine Testseite wäre hilfreich. Hat nur Firefox10 das Problem, was ist mit Chrome?
|
Sponsored Links |
|
|||
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. |
|
|||
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 |
|
|||
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. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
problem mit div box im firefox - dringend!! | tee | CSS | 11 | 27.09.2007 19:21 |
Padding Problem im Firefox | kissnet | CSS | 10 | 21.09.2007 13:34 |
Problem mit Divs in Firefox | saintniclas | (X)HTML | 4 | 04.08.2007 18:13 |
CSS Problem im FireFox aber nicht IE | fra232 | CSS | 1 | 29.11.2004 00:04 |
Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 11:13 |