22

使用 jQuery 设置 HTML DIV 元素及其内容的透明度的最佳方法是什么？

4

4 回答 4

36

$('#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 });

希望这可以帮助。干杯。

于 2009-08-20T23:01:55.697 回答
10

另一种选择 - 保存您的键盘并使用fadeTo：

$('#someDiv').fadeTo("slow",0.5);
于 2009-08-20T23:30:16.950 回答
1

正如 theIV 所说，您可以使用 css 方法，但作为替代方案，您可以使用 animate：

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

这将在 100 毫秒内将您的 div（及其内容）的不透明度设置为 0.5（从它开始的任何内容）。

于 2009-08-20T23:07:43.783 回答
1

试试这个属性

$('#my_div').css("opacity", "0.5");//立即设置不透明度 $('#my_div').fadeTo(0, 0.5); //在 0 毫秒的过程中将不透明度设置为 50%。如果要对其进行动画处理，请增加 0。 $('#my_div').fadeIn(); //动画不透明度从0到100%

于 2017-05-23T04:18:32.413 回答