Jaki jest najlepszy sposób ustawienia przezroczystości elementu HTML DIV i jego zawartości za pomocą jQuery?Ustawianie przezroczystości DIV i jego zawartości za pomocą jQuery
Odpowiedz
$('#my_element').css({ 'opacity' : 0.7 });
Chcesz faktycznie ustawić przezroczystość do każdego z zawartych elementów, a także, czy po prostu chcesz go „pojawiają się” jak gdyby elementy potomne mają tę samą krycie?
Jako przykład na moje pytanie, jeśli chcesz coś, co określa element, a każdy z elementów dzieci, można zrobić coś takiego
html
<div id="my_element">
<div>
lorem
</div>
<div>
ipsum
</div>
</div>
jquery
$('#my_element').children().
css({ 'opacity' : 0.25 }).
end().
css({ 'opacity' : 0.25 });
Mam nadzieję, że to pomoże. Twoje zdrowie.
Jak theIV powiedział, że można użyć metody css, ale jako alternatywę można użyć ożywione:
$('#my_element').animate({ opacity: 0.5 }, 100);
będzie animować krycie ciebie div (i jego zawartości) do 0,5 (z tego co było na początek) w ciągu 100 milisekund.
Inna opcja - Zapisz swoją klawiaturę i używać fadeTo:
$('#someDiv').fadeTo("slow",0.5);
Spróbuj ogłoszenia
$('#my_div').css("opacity", "0.5");
// Natychmiast ustawia krycie $('#my_div').fadeTo(0, 0.5);
// ożywia krycie do 50% w ciągu milisekund 0 . Zwiększ 0, jeśli chcesz go animować. $('#my_div').fadeIn();
// Animacja krycia od 0 do 100%
Przezroczystość jest taka sama, jak w przypadku krycia. Odpowiedź znajduje się tutaj: http://stackoverflow.com/a/19602620/445131 –