CSS의 불투명도 및 DIV

Question

요소 나는이 CSS를 사용

filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5; 

내 경우에는 문제는이 방법은 DIV의 내부 폰트의 색상과 테두리 색상의 변화이다 div. 글꼴의 색상을 변경하지 않는 다른 방법이 있습니까?

Answer 1

지원을, 그것은이다 t로 설정 그는 전체 div. 배경을 약간 투명하게 만들고 싶다면 rgba를 사용해야합니다!

예 : 당신이 RGBA 코드로했다 배경색을 통합 할 필요가 당연히

div {background-color: rgba(0, 0, 0, 0.5);} /* Black rgb(0,0,0) + 0.5 opacity */ 
div {background-color: rgba(255, 255, 255, 0.7);} /* White rgb(255,255,255) + 0.7 */ opacity 

. 처음 세 숫자는 일반적인 빨강 녹색 파랑 값이고 마지막 값은 불투명도 (0에서 1까지)입니다.

Here은 HEX 값 (예 : #ffffff)을 rgba (a) 값으로 변환하는 유용한 도구입니다!

Answer 2

당신은 배경 색상에 대한 불투명도를 설정할 수 있습니다

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

이 예 참조 : 불투명도를 설정할 때 브라우저의 http://jsfiddle.net/eaAmP/

Answer 3

.myelement { 
    background: rgba(200, 54, 54, 0.5); 
} 

이 click here

.myelement { 
    background: rgba(200, 54, 54, 0.5); 
    -pie-background: rgba(200, 54, 54, 0.5); 
    behavior: url(PIE.htc); 
}