Установите прозрачность DIV и ее содержимого с помощью jQuery

Ответ 1

$('#my_element').css({ 'opacity' : 0.7 });

Вы действительно хотите установить непрозрачность для каждого из содержащихся элементов, или просто хотите, чтобы она отображалась так, как будто дочерние элементы имеют одинаковую непрозрачность?

В качестве примера для моего вопроса, если вы хотите что-то, что устанавливает элемент, и каждый из дочерних элементов, вы можете сделать что-то вроде этого

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 });

Надеюсь, это поможет. Приветствия.

Ответ 2

Еще один вариант - сохраните свою клавиатуру и используйте fadeTo:

$('#someDiv').fadeTo("slow",0.5);

Ответ 3

Как сказал theIV, вы можете использовать метод css, но в качестве альтернативы вы можете использовать анимацию:

$('#my_element').animate({ opacity: 0.5 }, 100);

это будет анимировать непрозрачность вашего div (и его содержимого) до 0,5 (из всего, что начиналось) за 100 миллисекунд.

Ответ 4

Попробуйте эти свойства

$('#my_div').css("opacity", "0.5");//Сразу устанавливает непрозрачность $('#my_div').fadeTo(0, 0.5);//Анимает непрозрачность до 50% в течение 0 миллисекунд. Увеличьте значение 0, если хотите его оживить. $('#my_div').fadeIn();//Анимает непрозрачность от 0 до 100%