메뉴 겹치는걸 안 겹치게 어떻게 해야하나요?(사진첨부) 정보
메뉴 겹치는걸 안 겹치게 어떻게 해야하나요?(사진첨부)본문
아래처럼 플래시 메뉴랑 셀렉트 박스랑 켭치네요~ 메뉴를 위로 올라 오게 하려면 어떻게 해야하는지 정말 모르겠습니다. ㅜㅜ
아래는 플래시 메뉴 들어간 레이어 소스입니다.
--> div id="swfDiv" style="position:absolute; left:auto; top:auto; width:960px; z-index:1;">
<script type="text/javascript">
//FlashObject(swf, width, height, bgcolor, id, flashvars)
FlashObject("<?=$g4['path']?>/index.swf",960, "100%", "#ffffff", "sale");
</script>
</div <--- 부탁합니다.
아래는 플래시 메뉴 들어간 레이어 소스입니다.
--> div id="swfDiv" style="position:absolute; left:auto; top:auto; width:960px; z-index:1;">
<script type="text/javascript">
//FlashObject(swf, width, height, bgcolor, id, flashvars)
FlashObject("<?=$g4['path']?>/index.swf",960, "100%", "#ffffff", "sale");
</script>
</div <--- 부탁합니다.
추천
0
0
댓글 10개
아마도 SELECT, OBJECT, IFRAME 태그들이 모두 최상위 z-index 값을 가지고 있는 것들이라 그러는 거 아닐까 합니다. 역시 IE의 오류입니다.
플래시에 오버 될때 셀렉트박스 ID의 속성을 display:none나 visibility:hidden같은 것으로
바뀌게 해 주는 방법을 쓰거나,
빈 공백 <iframe>태그로 셀렉트박스를 아예 가려 버리는 방법을 사용하기도 합니다.
(추신 : 저의 경우엔 귀찮아서 그냥 셀렉트박스의 위치를 아래로 밀어 내려 버립니다. 귀차니즘..흐흐..)
플래시에 오버 될때 셀렉트박스 ID의 속성을 display:none나 visibility:hidden같은 것으로
바뀌게 해 주는 방법을 쓰거나,
빈 공백 <iframe>태그로 셀렉트박스를 아예 가려 버리는 방법을 사용하기도 합니다.
(추신 : 저의 경우엔 귀찮아서 그냥 셀렉트박스의 위치를 아래로 밀어 내려 버립니다. 귀차니즘..흐흐..)
키스님 넘 감사합니다. 바쁘신 와중에도 이렇게 답글을 남겨 주셔서요~^^
정말 많은 도움이 되었습니다.
정말 많은 도움이 되었습니다.
zindex 값을 변경해 보세요. z-index:100; 이상 하면 되리라 생각 되네요.
답글 넘 감사합니다. ^^
원인은 키스님이 얘기를 해주셨구요.. (이 문제는 z-index로 해결할수 없습니다.)
현재 구조를 그대로 한 상태에서 문제만을 해결하실려면,
selectbox 를 htc로 만들면 됩니다. 구글에서 htc selectbox 로 검색하면 자료를 얻으실수 있습니다.
현재 구조를 그대로 한 상태에서 문제만을 해결하실려면,
selectbox 를 htc로 만들면 됩니다. 구글에서 htc selectbox 로 검색하면 자료를 얻으실수 있습니다.
명랑폐인님의 소중한 답글 넘 감사합니다. 더욱 노력을 해야겠습니다. ^^
<div id="swfDiv" style="position:absolute; left:auto; top:auto; width:960px; z-index:1;">
<!-- 추가부분 -->
<iframe frameborder="0" style="position:absolute; z-index:-1;"></iframe>
<!-- 추가부분 End -->
<script type="text/javascript">FlashObject("<?=$g4['path']?>/index.swf", 960, "100%", "#ffffff", "sale");</script>
</div>
<!-- 추가부분 -->
<iframe frameborder="0" style="position:absolute; z-index:-1;"></iframe>
<!-- 추가부분 End -->
<script type="text/javascript">FlashObject("<?=$g4['path']?>/index.swf", 960, "100%", "#ffffff", "sale");</script>
</div>
답글 감사합니다. ^^
<param name="wmode" value="transparent"> 한 줄을 삽입해 주면 해결 될거에요.
아직 해결이 안되었네요~~ 그래도 함 도전을 해보겠습니다 ^^