如何將不透明度添加到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和淡入會在淡入淡出之前都使元素可見

Answer 2

像這樣的東西應該幫助：

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

的fadeIn方法，我們在調用沒有按」 t 只是將不透明度應用於元素，但確實所以從一個起始點（透明）到一個終點（不透明），基本上是通過轉換對元素進行動畫處理。

Answer 3

使用fadeTo方法

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

Answer 4

嘗試這個 -

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