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

opacity soll nicht übergreifen

Status
Für weitere Antworten geschlossen.

kayyy

Mitglied
hey,

ich habe mir ein kleines jquery script geschrieben.

Code:
<script type="text/javascript">
$(document).ready(function() {
    var opacity = 0.5, toOpacity = 0.7, duration = 250;
    $('.opacity').css('opacity',opacity).hover(function() {
            $(this).fadeTo(duration,toOpacity);
        }, function() {
            $(this).fadeTo(duration,opacity);
        }
    );
});
</script>

allerdings soll nru das div mit der class opacity die transparenz haben. nicht aber der inhalt in diesem div. wie kann ich das verhindern?
 
Werbung:
Soweit ich weiss, wird mit dieser Technik immer das ganze div inkl. Inhalt transparent gemacht. Wenn das jemand besser weiß, bitte korrigieren.
 
http://www.w3.org/TR/2008/WD-css3-color-20080721/#transparency schrieb:
... Conceptually, after the element (including its descendants) is rendered into an RGBA offscreen image ...
Und dagegen kann man nichts machen. kayyy muss also drei verschieden transparente PNGs erstellen und austauschen.
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben