오버레이 페이지이지만 특정 div-jQuery를 제외합니다. Impromptu

내 사이트에서 '오버레이 둘러보기'를 만들기 위해 jQuery를 사용하고 있습니다. 여기에 소스 페이지는 다음과 같습니다 http://trentrichardson.com/Impromptu/오버레이 페이지이지만 특정 div-jQuery를 제외합니다. Impromptu

가 투어에 등장 할 때, 그것은 오버레이 (또는 오버레이 않도록 다른 방법 위에 배치되도록 내가 div의 Z- 색인을 변경하려면 이 사업부에는 적용되지 않음). 당신의 z 인덱스를 변경 & 리 ID에 .CSS 방법을 사용할 수있는 동일한 기능에서 http://jsfiddle.net/bTxng/2/

출처

2012-05-18 adamdehaven

와우, 즉흥곡은 굉장합니다. 우리에게 보여주기 위해 +1. – Kristian

정말 좋은 생각입니다. 해결책이 생기지 않으면 개발자에게 연락하여 제안하십시오. 그것은 인상적인 플러그인에 큰 특징이 될 것입니다. –

나는 그것을 피들에서 작동시키고있다. 그러나 Z- 인덱스와 위치를 적용 할 때 : 실제 코드와 관련하여 작동하지 않는다. http://jsfiddle.net/bTxng/4/ 모든 아이디어 ?? – adamdehaven

: 여기

내 코드의 작동 예입니다 (I 오버레이 위에 배치 번째 목록 항목을 싶습니다) 그 1000 (코드)에 따라, 예를 들어

listitem2이 두 번째리스트 아이템의 ID입니다

$('#listitem2').css({'z-index':'1000'});

PS : 편집 :이 작동하는 경우,

li#impromptuVerticalNav { 
    position: relative; 
    z-index: 1000; 
}

을

<a id="take-tour" href="#">Take Tour</a>

는 다음이 추가

<a href="#" onClick="$.prompt(tourStates);">Take Tour</a>

에 변경 :

당신의 CSS에서 이것을 시도 < 머리 > </head> 섹션을 방문하십시오.

$(document).ready(function() { 
    $('#take-tour').click(function() { 
    $('#impromptuVerticalNav').css({'position':'relative', 'z-index':'1000'}); 
    $.prompt(tourStates); 
    }); 
});

출처

2012-05-18 18:22:02 Amyth

나는 이것을 추가하라고 나에게 말하고있는 것이 확실하지 않다 ...? 그러나 페이지에서 인라인으로 z- 인덱스를 변경하더라도 아무런 변화가없는 것 같습니다. – adamdehaven

또한 상대적인 위치 설정을 시도하십시오. 내 대답을 보라. – Amyth

실제 사이트에서 Z- 색인을 설정해도 아무 것도하지 않는 것 같습니다. 그것에 대한 설명이 있습니까? – adamdehaven

오버레이 페이지이지만 특정 div-jQuery를 제외합니다. Impromptu

답변

관련 문제