Hallo,
ich habe bei einer Bildergalerie die Kategorien mit Bilder gekennzeichnet.
Für diese Bilder nutze ich den opacity Effekt:
.bild {
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
.bild:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
Nun steht neben den Kategorienbildern auch der Kategoriennamen (als Text), der mit folgender Klasse definiert ist:
a.ps_cat_left {
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a.ps_cat_left:hover {
text-decoration: underline;
font-size: 12px;
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
Meine Frage:
Wie mache ich es das der hover Effekt der Bilder auch dann auftritt wenn man mit der Maus über den Kategorienname geht, und nicht über das Bild selbst? Ist das überhaupt möglich?
Schöne Grüße
Hannes