Hey,
ich habe verschiedene bilder in verschiedenen divs untergebracht und nun will ich für diese imgs einen transparenzeffekt via css einrichten der das bild bei hover auf 100 opacity dreht.
ich habe exakt diesen code in einer anderen site verwendet aber bei dieser funktioniert er irgendwie nicht ich habe keine ahnung wieso…
[CODE] .divbgs img {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
}
.divbgs img:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ;
}[/CODE]
Jedes img ist in einem einzelnen div untergebracht in das später noch text kommt. für den text soll der effekt aber nicht gelten
<img src="/img/rook/img/cenote.jpg" class="divbgs"/>
MfG
.divbgs img
Damit adressierst du Image-Tags die sich innerhalb eines Elternelements mit der CSS-Klasse divbgs befinden.
Hey erstmal danke für die Antwort!
Ich hab den code jetzt entsprechend geändert:
[CODE].divbgs {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
}
.divbgs:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ;
}[/CODE]
Aber es funktioniert immer noch nicht. Geht es bei euch auch nicht mit diesem Code?
Stelle die Seite mal online.
Also wenn ich das richtig verstehe, willst du das Bild transparent, den Text jedoch nicht.
Am besten machst du dann einfach einen zweiten div gleichen mit einem höheren z-index und der opacity 1 und fügst dort den Text ein. Dann hast du den Text über dem Bild und das Bild ist mit einer Deckkraft von 50% zu sehen und der Text mit 100%. 