하위 메뉴는 jqGrid로 대체됩니다.

내 페이지 중 하나에서 Asp.NetjqGRid을 사용하고 있습니다.이 단계에서 하위 메뉴가 몇 개만있는 드롭 다운 메뉴가 있는데, 문제는 내 하위 메뉴 jqGRid .I의 뒤에 나타납니다 내가 이걸 메뉴를 랩 사업부에 z-index를 더주는 노력 해결 어떻게 잘 모릅니다,하지만 help.Here는하위 메뉴는 jqGrid로 대체됩니다.

enter image description here 어떤 제안이 많이 감사합니다 이미지입니다.

감사

출처

2012-04-30 freebird

는

#jqGridDiv 
{ 
position:relative; 
z-index:1; 
}

그것은 내가 더 높은 Z-을 설정 미세 now.Also를 작동하고 내 코드입니다 내 div에 인덱스가 포함 된 메뉴는 매우 중요합니다.

출처

2012-05-09 05:25:03 freebird

난 그냥 CSS를 메뉴와 jqGrid와 IE8 테스트를 하고이 동일한 문제를 만났습니다.프리 버드가 말했듯이 메뉴가 포함 된 div에 높은 z- 색인을 넣었는지 확인하십시오. ul/li 요소의 Z- 인덱스가 최대치가 되더라도 여전히 그리드 뒤에 숨어있을 것입니다. div 컨테이너가 핵심입니다! (고마워, stackoverflow 내 엉덩이를 다시 저장) –

내가있는 jqGrid가 생성 사업부의 "계산 된 스타일"검사 크롬의 개발자 도구를 사용하도록 추천 할 것입니다. IE의 호환성 모드의

사용 :
나는 당신이 설명하는 효과에 따라 수있는 두 가지 문제를 알고있다. 그것은 Internet Explorer에서만 존재할 수있는 문제입니다. 문제가 있기 때문에 나는 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 줄 jqGrid있는 모든 페이지에서 <head> 배치하려고합니다. 그것은 모든 !DOCTYPE HTML5 !DOCTYPE (<!DOCTYPE html">) 예외와 함께 작동합니다. 더 안전은
- z-index은 당신이있는 jqGrid를 배치 일부 부모 사업부에서 상속됩니다 "X-UA-Compatible"
```
<system.webServer> 
    <httpProtocol> 
     <customHeaders> 
      <clear /> 
      <add name="X-UA-Compatible" value="IE=edge"/> 
     </customHeaders> 
    </httpProtocol> 
</system.webServer> 
```
(같은 here하지만 "X-UA-Compatible" HTTP 헤더의 다른 값)을 설정하는 것입니다. 이 경우 <table>과 호출기 <div>을 추가 "컨테이너"div 안에 넣고 div position: relative; z-index: auto; 또는 position: relative; z-index: 1; (또는 다른 작은 값) 스타일로 설정하는 것이 좋습니다. 그래서 문제가있는 jqGrid 문서라도이 포함 된 내 사업부의 jgGridDiv에 다음과 같은 스타일을 설정하여 해결되었다

출처

2012-04-30 10:03:52 Oleg

jqGrid.Siv에 대한 컨테이너 인 div 이름 jqGridDiv가 있습니다. z- 인덱스를 사용할 수 있도록하려면 어떻게해야합니까? 자동, jqGridDiv를 포함하는 다른 div를 추가해야합니까? – freebird

@freebird : 설정 가능 'z-index' div의'jqGridDiv'는 절대 위치 또는 상대 위치를 가져야합니다. 따라서'style = "position : relative; z-index : auto;"'div 'div'에 추가하십시오. 도움이되지 않으면'z-index : auto '를'z-index : 1'과 같은 다른 값으로 변경할 수 있습니다. – Oleg

나는 둘 다 해보려고했는데, 그것은 work.thanks – freebird

하위 메뉴는 jqGrid로 대체됩니다.

답변

관련 문제