2014-02-27 4 views
0

나는 웹 응용 프로그램에서 사용자 컨트롤을 사용합니다. 내가 직면하고있는 문제는 IE 7 또는 IE 10 호환 모드에서 내 페이지의 이미지가 메뉴 드롭 다운 아래에 표시되고 메뉴 드롭 다운의 Z- 색인 속성을 설정하는 것이 좋습니다.z-index는 인터넷 익스플로러 호환성 모드 7을 발행합니다.

제게 관련 솔루션을 제공해주십시오.

감사

답변

0

는 본체보다 Z- 색인 이상 가질 필요에 position: relative 세트가 메뉴 목록을 포함하는 부모 요소. z-index은 또한 메뉴가 더 높은 z-index을 갖기 전에 선언 된 요소에서 하향식으로 작동합니다.

TL; DR ..

안녕하세요,이 내 문제를 해결

<body> 
    <div class="header"> 
    ... 
    </div> 
    <div class="nav" style="position:relative; z-index: 2"> 
     <ul> 
      <li> 
       Blah 
       <ul class="drop-menu"> 
        <li>drop item</li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
    <div class="content" style="position:relative; z-index:1"> 
     ... 
    </div> 
</body> 
+0

내용

(인라인 스타일 예)보다 높은 요소가 메뉴를 설정,하지만 난이 위치 관련이 설정된 내 페이지의 jquery UI 슬라이더는 어떤 방식 으로든 CSS를 이동할 수 없습니다. 이 때문에 위의 해결 방법을 동일하게 적용 할 수 없습니다. – user2783853