CSS 어두운 불투명도

Question

불투명도를 추가하는 동안 배경을 어둡게 유지할 수 있습니까? 이미지가 추가 된 것처럼 보이는 입력을 만들려고합니다. 배경을 # 000으로 설정하고 불투명도를 추가 할 때마다 배경이 검은 색으로 유지되고 투명 해지는 대신 회색으로 변하기 시작합니다.

편집 : 모든 사람을 위해

사용 말해 :이 결과

background: rgba(0,0,0, 0.5); 

(작동하지 않습니다)

편집 2 :

다음은 바이올린입니다 - http://jsfiddle.net/n7aob2yd/1/

Answer 1

마지막 값 0.5은 알파 채널입니다.

.selector { 
    background-color: rgba(0, 0, 0, 0.5); 
} 

Answer 2

당신이하고있는 일은 정확합니다. 배경이 흰색이므로 회색이 보입니다. 스크린 샷에있는 것과 같은 배경을 사용해보십시오. 그러면 작동하는 것을 볼 수 있습니다. opacity은 텍스트를 포함한 모든 항목에 적용되기 때문에 사용하지 마십시오. 이제 배경 이미지와 일치하는 배경색 (이 경우에는 진한 파란색)을 사용해보십시오. 어쩌면 그것이 실종 된 것일 수도 있습니다.