在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