如何为div添加不透明度？

Question

我正在尝试为div添加不透明度。

这是我的Jquery：

$('.redDiv').fadeIn(0, 0.5);

我的HTML：

<div class="redDiv" style="background:red;width:20px;height:20px;"> </div>
<div class="divBlue;" style="background:blue;width:20px;height:20px;"> </div>
<div class="divBlack;" style="background:black;width:20px;height:20px;"> </div>

Answer 1

有几种不同的方法可以做到这一点：

$('.redDiv').css("opacity", "0.5"); //Immediately sets opacity
$('.redDiv').fadeTo(0, 0.5);        //Animates the opacity to 50% over the course of 0 milliseconds.  Increase the 0 if you want to animate it.
$('.redDiv').fadeIn();              //Animates the opacity from 0 to 100%

如果元素具有display:none fadeTo和fadeIn将使元素在淡化之前可见

Answer 2

这样的事情应该有所帮助：

$("div").css("opacity", ".7");

您正在调用的fadeIn方法不会只将不透明度应用于元素，但是从起点（透明）到端点（不透明）这样做通过转换动画元素。

Answer 3

使用fadeTo方法

$('.redDiv').fadeTo(0, 0.5); 

Answer 4

试试这个 -

$('.redDiv').css("opacity", "0.5");