IE7 디버그 문제 - 절대 배경

나는이 페이지에 대한 배경 문제를 IE의 문제를 겪고 : 올바르게하지만 IE에 표시되는 모든 브라우저에서 http://vitaminjdesign.com/IAM/company/IE7 디버그 문제 - 절대 배경

. IE7에서 div는 .aboutbg가 오른쪽으로가는 길입니다. 여기서 기본적 companywrap 상대적 위치 내 HTML

<div id="companywrap"> 
    <ul id="leftcol"> 
    <li>nav item</li> 
    <li>nav item</li> 
    <li>nav item</li> 
    </ul> 

    <div id="rightcol"> 
     <h1 class="title">Parker Homescape <span>Company Overview</span></h1> 
     <div id="companytext"> 
    <a class="readmorehome" href="/press">VIEW PRESS & AWARDS</a> 
     </div> 
    </div> 
    <div class="aboutbg"></div> 
</div>

이고 된 div .aboutbg 절대적 음 Z- 색인 (따라서 배경 이미지는 백그라운드에서 참이다)으로 배치된다. IE &에서 어떤 이유로 배경이 오른쪽으로 표시됩니다.

두 번째 문제는 nav (ul id = "leftcol")입니다. 그것을 IE7에서 보시면 내가 무슨 뜻인지 알게 될 것입니다. 줄 바꿈이 추가 된 것 같습니다. 어떤 아이디어?

출처

2010-12-22 JCHASE11

첫 번째 문제를 부분적으로 부분적으로 해결했을 수도 있습니다 (절대 배경 이미지). 이제 배경 이미지가 올바르게 배치되지만 구분선과 바닥 글 위에 겹쳐집니다. 감사합니다 – JCHASE11

첫 번째 문제 : 저는 IE7에서 배경을 보지 못했지만 음수의 Z- 인덱스 때문인 것으로 생각됩니다. 귀하의 Z- 색인은 매우 야생입니다 - 나는 네거티브를 모두 사용하는 것을 피합니다.

편집 : 예를 들어 .aboutbg의 Z- 색인을 0으로 설정하고 나머지 색인을 거기에서부터 시작해보십시오. 또한 aboutbg에 대한 클래스를 사용하고있는 것으로 나타났습니다. 단 하나의 인스턴스 만 있습니다. 왜 대신 ID를 사용합니까?

두 번째 문제 : 잘 모르겠지만 아마도 ul #에 특정 선 높이를 추가해보십시오. left.col li - reset.css 또는 style.css에서 아무 것도 볼 수 없었습니다.

출처

2010-12-22 21:26:38

덕분에, 나는 모든 음수 z- 인덱스를 없애고 바닥 글 div가 상대 위치와 az 인덱스 10을 갖도록 변경하여 자연스러운 Z- 인덱스 순서를 따를 수 있습니다 – JCHASE11

여전히 두 번째 문제가 있습니다. 문제, 다른 질문을 제기하려고합니다. 감사합니다. – JCHASE11

당신을 환영합니다! 내가 도울 수있어서 기쁩니다. –

IE7이 음수 Z- 인덱스와 잘 작동하지 않는다는 것을 상기 해보면. 또는 그 문제에 대한 모든 Z- 색인.

companywrap div에 aboutbg div보다 높은 z- 색인을 지정하고 aboutbg z- 색인을 양수로 변경하십시오.

출처

2010-12-22 21:23:57 Cole

IE7 디버그 문제 - 절대 배경

답변

관련 문제