2013-04-10 5 views
1

HTML 문서에서 'div'요소를 만들고 CSS 또는 Javascript/JQuery를 사용하여 백그라운드 투명도를 변경하여 Android에서 Simple Calendar Widget 또는 Glass Widgets과 비슷한 모양으로 보이고 싶습니다. 누구든지이 일을하는 방법을 알고 있습니까? 나는 CSS의 불투명도 함수를 시도했지만 모든 텍스트가 엉망이며 두 번째 'div'를 만들고 그 투명도를 설정하면 수동으로 크기를 조정해야합니다. 그러지 않으려 고합니다.투명 HTML

간단한 방법이 있으면 사과 드리며 모든 사람의 시간을 낭비했습니다. 그러나 저는 정말로이 문제에 집착하고 있습니다. 불투명도가 자손 텍스트 노드에 영향을주고 싶지 않은 경우

+0

파이어 폭스 등에서 IE 필터를 사용할 수 있습니다. 배경 : rgba (0,0,0, .2)'를 사용할 수 있습니다. 여기서 .2는 불투명도 (0-1)입니다. –

+0

중복 가능 [배경의 불투명도, 텍스트가 아닌] (http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-ext) – isherwood

+0

쉬운 방법 = 1x1 픽셀 크기의 .png 이미지를 사용하십시오! – adeneo

답변

1

당신은

http://www.w3.org/TR/css3-color/#rgba-color

유일한 단점은 IE 9 이하는 지원하지 않습니다 .. (http://caniuse.com/css3-colors를) rgba(0,0,0,0.5)의 알파 값을 사용해야합니다

+0

IE에서 작동하지 않는다는 것이 거의 긍정적입니다. 특히 이전 버전. –

+0

IE8에서이 방법을 사용할 수 있습니까? –

+0

downvote? 그리고 도움을 주셔서 감사합니다 –