을 포함 내 문제 : 나는 `z-index:0`에 부모 `div` 세트를 가지고 있지만, 원치 않는 부작용으로, 부모 `div`에 포함 된 링크의 두 (더 가져가 사용할 수 없습니다

, 링크 동작 없음).Z- 인덱스 링크

컨텍스트 : 나는 이미지 슬라이더 (NIVO 슬라이더)를 사용하고

. 내 탐색 메뉴에서 이미지 슬라이더를 올바르게 덮을 수 있도록 을 0으로 설정해야했습니다. 상위 컨테이너의 z-index을 변경할 때 다음 및 이전 링크가 더 이상 작동하지 않습니다.

라이브 예 :

http://tinyurl.com/boej3sq

div.nivoSlider = 부모 컨테이너
a.nivo-prevNav/a.nivo-nextNav = 문제 링크

내 질문 :

"깨진"링크는 어떻게 수정합니까?

출처

2012-11-23 Dominor Novus

살아있는 예를 보았습니다. nivo-controlNav div는 이전 및 다음 링크를 실제로 덮고 있습니다. (희망 사항은 당신이 말하는 것입니다.) 다음 및 이전의 맨 위로 이동하면 알 수 있습니다 버튼을 누를 수는 있지만 버튼 중간으로 이동하면 할 수 없습니다. 내가 뭘 할 것인가 너비가 50 % 또는 nivo-controlNav에서 고정 너비로 설정되어 오른쪽면을 링크에서 잡아 당길 수 있습니다.

대안 : 당신은 NIVO-directionNav에서의 z 인덱스를 증가시킬 수있다 (안 Z 인덱스 그래서 아마 그이 겹쳐지고 이유) 나 정답과 z 축 사이의 관계에 저를 교육하기위한

출처

2012-11-23 03:12:31 gingabox

대부분의 브라우저에는 문제의 요소를 마우스 오른쪽 버튼으로 클릭하면 검사 요소 옵션이 있습니다. Z- 색인 문제를 쉽게 진단 할 수 있습니다. – gingabox

감사합니다. 폭을 50 %로 지정하는 것을 선택했습니다. Self Taught Programmer가 제안한 대안은 포지셔닝과 관련된 수많은 스타일링 수수께끼를 소개했습니다. 다시 한번 감사드립니다. –

내 기쁨, 내가 도울 수있어서 다행 ... 훌륭한 방법으로 사이트를 찾고 – gingabox

간단히 대답하면 상위 요소에서 'z-index : 0'을 제거 할 수 있습니다.

또는

당신이 '위치 : 상대'를 넣을 수 있습니다 긴 경로 하위 요소와 지금이 모양에 따라 버튼을 스타일 다시. Z- 색인은 position 속성을 통해 부모 및 자식 요소와 함께 작동합니다.

출처

2012-11-23 02:40:28 Rayshawn

+1 링크 색인 및 위치 : 상대적. 나는 그것이 슬라이더의 광범위한 restyling을 필요로하지 않기 때문에 gingabox의 대답을 선택했습니다. –

Z- 인덱스 링크

을 포함 내 문제 : 나는 z-index:0에 부모 div 세트를 가지고 있지만, 원치 않는 부작용으로, 부모 div에 포함 된 링크의 두 (더 가져가 사용할 수 없습니다

컨텍스트 : 나는 이미지 슬라이더 (NIVO 슬라이더)를 사용하고

라이브 예 :

내 질문 :

답변

관련 문제

을 포함 내 문제 : 나는 `z-index:0`에 부모 `div` 세트를 가지고 있지만, 원치 않는 부작용으로, 부모 `div`에 포함 된 링크의 두 (더 가져가 사용할 수 없습니다