IE7은 공백 afer png를 표시합니다

Question

PNG 배경 이미지가 포함 된 DIV가 있습니다. DIV가 IE7의 내 웹 페이지에 표시되면 DIV와 바닥 글 사이에 공백이 있습니다. 다른 모든 브라우저 (IE8 포함)는 PNG를 올바르게 표시합니다. 결의안에 대한 아이디어가 높아질 것입니까?

Answer 1

여기서 생각이지만, 그 공백을 추가하는 브라우저의 스타일 시트일까요?

a를 사용해보십시오 CSS 재설정.

Answer 2

당신은 당신이 당신의 주변의 공백이있을 가능성이 매우 높습니다. img IE6 및 IE7에서 단일 흰색 문자를 렌더링하는 태그.
나는 당신의 코드가 다음과 같다고 가정합니다.

<div>
    <img/>
</div>

시도해보십시오 :

<div><img/></div>

그래서:
- 공백이 없습니다
- 새로운 라인 문자가 없습니다

Answer 3

브라우저가 이미지를 블록 요소로 취급하도록 강요하려면 상속 된 여백을 무효화해야합니다. 이 시도:

<style type="text/css">
.blockify { display: block; }
</style>

<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />

이미지는 이제 div 태그처럼 작동한다는 것을 명심하십시오. 따라서 포맷 / 포지셔닝을 적절하게 적용하십시오. 예를 들어, 그래픽을 중앙에 놓으려면 다른 div 요소와 마찬가지로 그렇게해야합니다.

<style type="text/css">
.blockify { display: block; margin: 0px auto; } 
/* auto margins help center block elements */
</style>