/ / Schweben verschiedener Divs in CSS - html, css3, Hover

Verschiedene Divs in css schweben - html, css3, hover

Ich versuche einen Hover-Effekt auf ein Bild in einem Div anzuwenden. So etwas in html

<div class="hey">
<img src="/images/./img/pic.png">
</div>

Bei CSS habe ich sowas versucht

.img:hover { some css code goes here}

das funktioniert gut. Aber was, wenn ich diese Änderungen nicht auf ganze img-Tags anwenden möchte, sondern nur auf "hey" -Klasse? Ist es in Ordnung, so etwas zu tun?

.hey [img: hover] {irgendein CSS-Code ... ich denke, das funktioniert nicht}

Antworten:

0 für die Antwort № 1

Ich würde den Hover auf dem Div verwenden.

.hey:hover{
}
.hey:hover img{
}

0 für die Antwort № 2

Hast du das versucht?

.hey .img:hover{
some css code
}

0 für die Antwort № 3

ich würde versuchen .hey:hover { css code }


0 für die Antwort № 4

Ich habe es versucht

.hey:hover img{ some css code }

und es hat für mich funktioniert :)


-1 für die Antwort № 5

Ich habe einen Link zu einem Beispiel gefunden

<div class="hey">
<img class="img" src="/images/./img/pic.png">
</div>

.img ~ .hey{

}

Genommen von hier: http://jsfiddle.net/ThinkingStiff/a3y52/


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen