Hans: Transparenz mit Hover ändern

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

  1. 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

    1. 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

      --
      <meta name="selfcode" content="sh:( fo:| ch:? rl:? br:^ n4:{ ie:% mo:| va:} de:> zu:) fl:{ ss:) ls:[ js:|" />
      1. 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

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  2. 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

    --
    Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!