IE를 사용한 DIV 투명 배경

Question

아래의 회전 목마 구조를 사용하려고합니다

회전 목마

문제는 배경입니다 (왼쪽의 설명과 연결됩니다) 세미 투명하며 IE6을 제외한 Opera, Firefox, Chrome, Safari에서 잘 작동합니다. IE6은 투명성없이 표시합니다. 다른 브라우저로 표시되는 방법은 어떻게 변경됩니까?

Answer 1

솔루션의 문제점은 이미지 파일로 투명성을 달성하려고한다는 것입니다.

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer <7은 짜증나기 때문에 진정한 PNG 투명성을 올바르게 그릴 수 없습니다.

마지막으로 해결책은 운이 좋고 진정한 이미지 투명성이 필요하지 않다는 것입니다. 대신 불투명 CSS 수정자를 사용할 수 있습니다. "CSS 불투명도"를 검색하면 첫 번째 히트 중 하나입니다.http://www.quirksmode.org/css/opacity.html

이것이 항상 예상대로 작동하도록하려면 (예 : 텍스트 자체는 ~ 아니다 투명) 당신은해야 할 것입니다 추가 트릭. 예를 들어 두 번째 층 <div> 실제 밑의 요소 (캐스케이드하지 않음!) 또는 캐스케이드하고 어린이 요소에서 불투명도를 무시할 수 있기를 바랍니다.

그것은 얼마나 나쁘게 짜증나는지 분명히 보여줍니다. 웹 사이트와 마찬가지로 반드시 더 이상 사용하지 않을 것입니다.