IE7에 로고가 숨어있는 이유는 무엇입니까?

Question

난 그냥 작은 웹 사이트를 마무리하고 로고는 홈 페이지에 이미지 뒤에 숨어 것을 IE7에서 발견하고 다음 CSS 여기

<div id="wrap"> 
    <div id="header"> 
    <ul id="main-nav"> 
    <li><a href="/about/">About</a></li> 
    <li><a href="/what-we-do/">What We Do</a></li> 
    <li class="last"><a href="/contact/">Contact</a></li> 
</ul> 

<h1><a href="/"><img id="logo" src="/photos/logo.png" alt="REAP - Renewable Energy and Preservation, April Montgomery, LLC." ></a></h1> 
<h1><a href="/"><img id="logo-small" src="/photos/logo-small.png" alt="REAP - Renewable Energy and Preservation, April Montgomery, LLC." ></a></h1> 
    </div><!-- end #header --> 
    <div id="tagline"> 
     <span class="green">renewable energy</span> <span class="magenta">and preservation</span> 
    </div> 

    <div id="main" class="clearfix"> 

     <div id="Stage" class="EDGE-909290339"></div> 

      <img id="lead-image" src="photos/hickory.jpg" alt="hickory, nc preserveration district"> 

됩니다 : 여기 http://reapvalue.com/

은 HTML입니다

#header   { width: 960px; height: 53px; margin: 0 auto; position: relative; } 
body#inside #header { height: 56px; } 
img#logo  { position: absolute; top: 0; left: 0; z-index: 5000; } 

Z- 색인을 5000으로 설정 했음에도 불구하고 여전히 이미지 뒤에 숨어 있습니다. 전면에 로고를 표시하는 데 도움이 될 것입니다 크게 감사하겠습니다.

감사합니다.

Answer 1

IE7과 IE8에서 z- 인덱스가 이상하게 작동하는 이유를 설명 할 수는 없습니다. z- 색인을 사용하고 있고 이전 IE 브라우저에서 작동 시키려면 상위 요소에 z- 색인이있는 요소가 있는지 확인해야합니다.

예를 들어 #header을 z-index: 6000으로 지정하십시오. 그리고 그것은 고쳐질 것입니다.

저는 왜 저 자신을 알고 싶으니까이 작품이 왜 더 효과적인지 설명해주기를 바랍니다.

편집 : 나는 abit를 봤이 흥미로운 게시물을 발견했습니다

http://www.brenelz.com/blog/squish-the-internet-explorer-z-index-bug/