인라인 PNG로 만드는 방법 <img> 투명 CSS를 사용하여?

Question

인라인 PNG를 div 내부에서 투명하게 만드는 방법은 무엇입니까? CSS 사용

<div id="report'> 
<p> some text </p> 

<img src=transparent.png" /> 

</p> 

</div> 

예를 들어 이미지입니다. 공 이외에 다른 흰색 영역을 투명하게 만들고 싶습니다. 나는이 div#report img {.....} 같은 CSS에서 수행 할

IE6

회색 찾고하는 것이 가능하다?

편집 : 전체 이미지 투명

업데이트 만들고 싶어하지 않는

:

다음

내가 예를 http://jsbin.com/ubabo3opacity 속성은 모든 요소에 적용

Answer 1

을 추가 (의 지원 브라우저). (즉, 보이지 않는)

Answer 2

나는 내가 이해 모르겠지만, 당신은 이미지가 완전히 투명하게 만들 수 있습니다

div#report img { visibility: hidden } // Still takes up space 
div#report img { display: none } // Hidden entirely - 

이 가능하지만, 오직 PNG 이미지에이 적어도 적용되지 않는다 CSS 2.1에서. src 속성에서 .png을 검사하는 선택기를 사용하면 jQuery의 추가 마법을 사용하여 확실하게 가능합니다.

Answer 3

이 시도 :

div#report img{ 
    background-color/**/: #000000; 
    background-image/**/: none; 
    opacity: 0.7; 
    filter: alpha(opacity=70); 
} 

Answer 4

IE 6은, 기본적으로 투명 PNG 파일을 지원하지 않습니다. 투명한 png 파일을 얻으려면 작은 해킹을 사용해야합니다.

http://support.microsoft.com/?scid=kb%3Ben-us%3B294714&x=12&y=11

Answer 5

당신은 CSS를 사용하여 IE6에 PNG 투명도에 대한 지원을 추가 할 수 없습니다. 해킹 (일부는 IIRC, 스타일 시트에 ActiveX 항목 호출)과 Google will find lots for you이 있습니다.

(요즘엔 IE6가 단 몇 주 밖에 지나지 않아 대상 고객 중에 작은 시장 점유율을 가지고 있으며 멋지게 꾸미기 위해 추가 작업을하지 않음)

iepngfix.htc -

당신이 할 것은 당신의

div#report img { behavior: url(iepngfix.htc) } 

에 "행동"속성을 추가하고 파일을 다운로드 할 수 있습니다 ..

Answer 6

는 내가 전에 IE6 PNG의 문제를 해결했고이 일 here을 입력하고 online demonstration을 확인하십시오. 그것은 모든 것을 단계적으로 설명합니다