화호 하층에 절대 포지셔닝을 설치한 후 a 연결을 누르면 안 돼요?

엊그저께 페이지를 수정하면서 문제를 발견했습니다. 두 개의div, 두 개의div의position:absolute를 설정했을 때 왼쪽 그div에 있는 모든 하이퍼링크를 클릭할 수 없다는 것을 발견했습니다. IE에서는 문제가 없지만 불여우 아래에서는 누르지 못했습니다. 이것은 도대체 어떻게 된 일입니까? 저는 곤혹스러웠습니다. 코드는 다음과 같습니다.

<body>
		<div>
			<div style="position: absolute; width:197px;">
				<iframe id="left" name="left" frameborder="0"
					src="#" scrolling="no" width="100%"
					frameborder="0"></iframe>
			</div>
			<div style="position: absolute;padding-left:198px;" id="maindiv">
				<iframe id="main" name="main" frameborder="0"
					src="#"
					scrolling="no" width="100%" border="0" framespacing="0"
					frameborder="0"></iframe>
			</div> 
			<div style="clear: both"></div>
		</div>
	</body>

많은 방법을 시도해 보았지만 절대적인 포지셔닝을 하지 않으면 플로트를 사용해도 괜찮지만 좋은 포지셔닝층을 만들 수 없다는 것을 발견했다.마지막으로 인터넷에서 문제의 원인을 찾았다.
Firefox에서 두 개의 절대적인 위치의div가 중첩될 때, 아래의div는 클릭할 수 없습니다.해결 방법은 z-index를 설정하면 z-index 값이 큰 것을 클릭하면 됩니다.IE에서 z-index값이 높은div에도 다음div의button을 클릭할 수 있습니다.
모든 제가 왼쪽 층에 z-index=1을 설정했습니다.

<div style="position: absolute; width:197px;z-index:1;">
				<iframe id="left" name="left" frameborder="0"
					src="smsbox/contacts_findGroups" scrolling="no" width="100%"
					frameborder="0"></iframe>
			</div>

좋은 웹페이지 즐겨찾기