Erledigt - CSS img:hover mit opacity Darstellungsproblem

[Sargas]

Hi Leute,

ich hab da ein doofes Problem mit meiner Seite und zwar habe ich für verlinkte Bilder folgendes angegeben:

a img:hover {
    opacity: 0.66;
}

Leider schafft es bis auf der IE (hat mich auch gewundert) kein Browser das richtig darzustellen. Beim Firefox wird das Bild erstmal grieselig und dann erst richtig berechnet, Chrome und Opera fangen die Bilder teilweise an zu zucken. Safari habe ich noch nicht getestet.

Kann man da irgendwie Abhilfe schaffen oder den Effekt auf andere Art realisieren? Live ausprobieren könnt ihr das auch direkt auf meiner Seite, Link siehe Signatur.

Danke euch schonmal!

sargas

 

[Ilse_Schnick]

Bei mir funzt das astrein

FF 44.0; Chrome 47; Edge auf Win10 / 64-Bit / 8GB RAM

 

[hub]

Moin,
ich war gerade mit Chrome und FF drauf. Das Verhalten war normal, also ein sauberer Übergang.
Nicht schlagen für folgenden Kommentar: bei solchen Experimenten spielt einem der Browsercache oft einen bösen Streich...

Gruß Ulli

 

[Sargas]

Tatsächlich? Das ist ja seltsam... Habt ihr auch mal das erste Bild unter Fotos probiert? Das mit den leuchtenden Kugeln zwischen den Baumstämmen? Das wird in Chrome nach rechts ein Stück breiter...

Im FF sieht man's schön beim Testbericht zum 40mm Objektiv darunter. Das wird ganz grieselig und auf dem Objektiv entsteht ein Moire.

Cache habe ich jetzt extra nochmal geleert, das macht keinen Unterschied.

 

[pascal.k]

Hatte mir der opacity bisher auch noch nie Probleme dieser Art. Aber du könntest mal testen, ob das Problem auch dann auftritt, wenn du nicht auf das img sondern auf den Container die opacity anwendest.

 

[Sargas]

Hatte mir der opacity bisher auch noch nie Probleme dieser Art. Aber du könntest mal testen, ob das Problem auch dann auftritt, wenn du nicht auf das img sondern auf den Container die opacity anwendest.

Danke dir, Chrome und Opera scheinen damit glücklich zu sein, nur der Firefox zeigt nach wie vor erstmal alles grieselig an und dann das Bild richtig...

 

[Dobi78]

Unter Safari klappt auch alles Bestens

 

[Ilse_Schnick]

Danke dir, Chrome und Opera scheinen damit glücklich zu sein, nur der Firefox zeigt nach wie vor erstmal alles grieselig an und dann das Bild richtig...

Bei mir nicht,

...aber FF wird für mich langsam zum neuen IE... viele Bugs, deaktivierte Addons usw. Abstürze... wenn Chrome nur nicht so viele Daten sammeln würde

 

[cuba_g1]

bei mir auch nicht. alles bestens unter ff, opra und chrome

 

[splatter]

In iron (chrome), Edge und FFalles bestens.
Hast du schon etwas geändert ?

Gruß
splatter

 

[Sargas]

In iron (chrome), Edge und FFalles bestens.
Hast du schon etwas geändert ?

Gruß
splatter

Hab den hover jetzt auf das <a> angewendet statt auf's <img>, das hat zumindest mal die Probleme in Chrome und Opera gelöst. Der FF ist bei mir immer noch komisch aber, wenn das nur bei mir so ist kann ich damit leben.