• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Iframe Hover Umrandung?

DeadLikeMe

Neues Mitglied
Hallo,

ich habe auf meiner Seite ein 125x125 Bild, bei dem ich eine Umrandung drum herum gemacht habe. Wenn ich mit der Maus darüber gehe, ändert sich die Farbe der Umrandung.

Gibt es irgendwie die Möglichkeit, den Hover Effekt auch bei einem Iframe anzuwenden?

Mein Code sieht zur Zeit wie folgt im iframe aus, funktioniert aber nicht.
Code:
style="padding: 10px; background: #f8f8f8; hover: background #333; margin-bottom: 20px!important;"
 
hover gehört eigentlich nicht in das Style-Attribut.

Gib dem iFrame eine ID bzw. Klasse und definier den Hovereffekt im CSS Code:

HTML:
<html>
  <head>
    <title>Seite</title>
    <style type="text/css">
      #frame {border:1px solid red;}
      #frame:hover {border:1px solid blue;}
    </style>
  </head>
  <body>
    <iframe src="" />
  </body>
</html>
 
Zurück
Oben