Transparenz mit Hover ändern
Hans
- css
Hallo,
ich habe ein Problem:
Ich habe eine Grafik, die im Normalzustand z.T. transparent ist, und wenn man mit der Maus drüber fährt besser sichtbar werden soll.
Wie stelle ich das an? Ich habe schon den Opacity, und Alpha-Filter eingestellt, das funktioniert auch, aber ich bringe es nicht hin, dass sich die Transparenz beim hovern ändert...
Danke
Hans
Hallo,
ich habe ein Problem:
Ich habe eine Grafik, die im Normalzustand z.T. transparent ist, und wenn man mit der Maus drüber fährt besser sichtbar werden soll.
Wie stelle ich das an? Ich habe schon den Opacity, und Alpha-Filter eingestellt, das funktioniert auch, aber ich bringe es nicht hin, dass sich die Transparenz beim hovern ändert...Danke
Hans
Hallo Hans,
die einfachste Möglichkeit wäre wohl, eine zweite Grafik zu erstellen, welche weniger transparent ist wie die erste. Beim Hover änderst du dann einfach das Bild.
MfG,
McKentire
Hallo,
die einfachste Möglichkeit wäre wohl, eine zweite Grafik zu erstellen, welche weniger transparent ist wie die erste. Beim Hover änderst du dann einfach das Bild.
Mit CSS 2.1 sogar die einzige. "Opacity" gibt's nur ab CSS 3, das ja noch entwickelt wird. Funktioniert allerdings schon im Firefox und Opera.
Gruß, idubn
Hi,
Mit CSS 2.1 sogar die einzige. "Opacity" gibt's nur ab CSS 3, das ja noch entwickelt wird. Funktioniert allerdings schon im Firefox und Opera.
Und Konqueror und Safari und ...
... und wenn man die proprietären "opacitys" mitrechnet, schon verdammt lange.
Gruß, Cybaer
Hi,
Wie stelle ich das an? Ich habe schon den Opacity, und Alpha-Filter eingestellt, das funktioniert auch, aber ich bringe es nicht hin, dass sich die Transparenz beim hovern ändert...
Informiere dich über das Pseudoelement :hover
Wenn es allerdings nicht im verlinkte Bilder handelt und trotzdem auf alten IEs laufen soll (der kennt :hover nur bei Links), brauchst Du allerdings JavaScript: http://Coding.binon.net/Transparenz
Gruß, Cybaer