我正在尝试为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>
答案 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");