在CSS中使圖像透明

Question

所以這裏是我的代碼，它工作正常，但我希望圖像是50％透明。

#esc1{ 
position: absolute; 
top:30px; 
right: 0; 
width: 30px; 
height: 30px; 
} 

很抱歉，我之前貼錯代碼..

Answer 1

將不透明度設置爲您希望賦予透明度的類。

如：

#esc1 
position: absolute; 
top:30px; 
right: 0; 
width: 30px; 
height: 30px; 
opacity: 0.5; 
} 

你可以給有背景的不透明度，也

如：background : rgba(red_value , green_value , blue_value, alpha_value);

red_value，green_value，blue_value是您的div背景色的組合值。和alpha_value是您的div的不透明度值。

根據您的需要設置不透明度。

注：其值應1之間0至。

希望這會有所幫助。

Answer 2

你要設置不透明度屬性

.myClass { 不透明度：0.5 }

Answer 3

爲透明背景

#esc1{ 
position: absolute; 
top:30px; 
right: 0; 
width: 30px; 
height: 30px; 
background-color: rgba(255, 255, 255, .5); 
} 

for transparen t元素

#esc1{ 
position: absolute; 
top:30px; 
right: 0; 
width: 30px; 
height: 30px; 
opacity: 0.5; 
} 

Answer 4

有實現這種多方式，它是很難說哪一個是最好不看你的代碼，但要做到這一點的一種方式是通過像後續的不透明度：

opacity: .5 

哪裏.5透明度的數量。 .5相當於50％的透明度。

，或者如果它是背景顏色，那麼你可以使用：

background-color: rgba(redValue, greenValue, blueValue, alphaVale); 

阿爾法值變化相同，從0到1