2013-09-03 11 views
4

요소에 css를 사용하여 반투명 배경을 만드는 방법은 무엇입니까? 하지만 너무 투명하지 않은 콘텐츠? 나쁜 영어에 대해 유감스럽게 생각합니다. 고맙습니다.반투명 배경을 만드는 방법

+1

'opacity' CSS 속성을 사용하십시오. –

+1

반투명 한 배경색이나 이미지를 원하십니까? – Itay

+2

CSS'background-color : rgba (255,0,0,0.5)'에 이것을 추가하십시오. 불투명도를 높이거나 낮추려면 '0.5'를 높이거나 낮 춥니 다. – Xareyo

답변

14

은 rgba 배경을 사용합니다.

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

값은 순서 빨간색 강도, 녹색 강도, 진수 값이 불투명도입니다

블루 강도, 그리고 당신이 너무없이 사용자 정의해야하는 경우는 0에서 1

에 실행 많은 어려움을 체크 아웃 : css3 maker

+1

당신이 말하는 요소가' 'body : 문서의'opacity : (0에서 1까지의 십진수) '도 사용할 수 있습니다. – cubrr

+0

@jCuber : 이미지 이외의 것이 없다면 의미합니다. 하지만 컨테이너에 'opacity : 50 %'를 설정하면 요소의 모든 내용도 페이드 아웃됩니다. – cHao

+0

@cHao 아, 좋은 지적. 어쨌든 불투명도 속성은 다음과 같은 경우에도 유용합니다. – cubrr

관련 문제