2012-07-10 1 views
0

NEWBIE 경고position: relative; 태그로 인해 Firefox에서는 IE 하이퍼 링크가 작동하지 않지만 IE에서는 하이퍼 링크가 작동하지 않습니다. 나는 그것이 하이퍼 링크가 잘 작동하는 태그를 제거했기 때문에 이것이라고 확신합니다. URL이 http://www.dryerase.com/g1116-2x-test.htm이거나 모두 http://dryerase.com/Default-sidebar-test-4.htm 일 수 있습니다. 둘 다 동일한 CSS를 사용합니다. 또한 두 사이트 모두에서 동일하게 작동하기 때문에 HTML이 아니라고 확신합니다. 그러나 하나를 템플릿으로 사용했습니다. 귀하의 통찰력에 미리 감사드립니다.CSS의 위치 태그를 사용하면 하이퍼 링크가 사용되지 않습니다.

#Content_Wrapper { 

position:relative; 
top:-30px; 
display: table; 
width: 960px; 
min-height:500px; 
max-height:auto; 
z-index:-10; 

-webkit-box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .5); 
box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .5); 

-webkit-border-radius: 8px 8px 8px 8px; 
border-radius: 8px 8px 8px 8px; 

}

답변

2

문제 Z- 색인이다. #Page_Wrapper가 #Content_Wrapper 앞에 있으므로 링크를 클릭 할 수 없습니다. z-index 속성은 요소에 위치가있는 경우에만 고려되므로 제거 할 때 유효한 z-index 속성이 없기 때문에 링크가 작동합니다.

IE는 Z- 색인을 다른 방식으로 이해합니다.

관련 문제