如何为div添加不透明度?

时间:2011-08-16 10:14:29

标签: javascript jquery

我正在尝试为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>

4 个答案:

答案 0 :(得分:5)

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

$('.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将使元素在淡化之前可见

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:1)

使用fadeTo方法

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

答案 3 :(得分:0)

试试这个 -

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