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이 사업부의 배경 색상에 대한 결합 된 값입니다. 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); 
} 

transparen 당신은 투명성을 제공하고자하는 클래스에 t 요소

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

Answer 4

이를 달성하기 위해 여러 방법이 있습니다 하나의 코드 만이 작업을 수행하는 한 가지 방법을 보지 않고 가장 좋은 것입니다 어떤 얘기하기 어렵다 :

opacity: .5 

0.5입니다 투명성의 정도. .5는 50 %의 투명도와 같습니다.

하거나 배경 색상 인 경우, 당신은 사용할 수 있습니다

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

알파 값이 투명하게 원하는 것은 0