Flash 와 DiV의 z-index 문제
메인페이지에서 DIV 레이어를 이용해 팝업을 보이게 하려고 하는데.. 화면에 Flash가 있으면 팝업 레이어의
z-index 값과는 무관하게 Flash 부분이 팝업레이어 위에 위치하는 문제가 있다. 플래시 파일은 swfobject를
이용해 화면에 출력되도록 했는데.. 이 부분을 해결하기 위해 약간 검색을 해보니 파라이미터를 추가하는
방법을 통해 쉽게 해결할 수 있음을 알게 되었다.
<div id=”Flash1″>
<object id=”MainFlash1″ classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”1000″ height=”500″>
<param name=”movie” value=”<?php echo $n3[‘path’]; ?>/swf/fla_main.swf” />
<param name=”wmode” value=”opaque” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”<?php echo $n3[‘path’]; ?>/swf/fla_main.swf” width=”1000″ height=”500″>
<param name=”wmode” value=”opaque” />
<!–<![endif]–>
<div>
<p><a href=”http://www.adobe.com/go/getflashplayer”><img src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif” alt=”Get Adobe Flash player” /></a></p>
</div>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
위 코드에서와 같이 빨간 색 코드를 추가해주면 해결이 된다.
ㅎㅎ
저는 외부에서 불러오는 플래시에 z-index 가 안먹혀서 한시간도 넘게 고생했던 기억이…. 구글 광고 위로 드롭다운 메뉴가 펼쳐지는건데 구글광고 중 플래시 광고가 가끔 있는데 그게 메뉴위로 떠버리는… -..-;;
‘wmode’,’opaque’ 을 css 에서 줘도 안먹고, 위의 예시처럼 inline 으로 줘도 안먹고, ….
javascript 내에서 주니까 되더라구요.
결국 믿을건 구글신 밖에 없다는…
그런 일도 있으셨군요.. 이번에 처음 이런 경우를 접해서
적잖이 당황했습니다. 가능하면 플래시를 빼고 싶은데 아직도
플래시가 써달라는 곳이 있어서 참 작업하기 힘듭니다. ^^
스크랩을 할 수가 없어서 카피복사 해갑니다.
제일 골머리썩던 문제를 해결할 수 있었습니다.
감사해요~ ^^
블로그 방문해 주셔서 감사합니다.
내용을 그대로 복사해가시는 것은 저로서는 유쾌한 일은 아닙니다.
앞으로는 내용의 복사보다는 링크를 이용해 출처로 이동할 수 있도록 해주셨으면 합니다.
아 세상에 너무 유용합니다 감사해요 새해 복 많이 받으시고요!!!
잘 배워갑니다!!
블로그 방문해 주셔서 감사합니다.
제 글이 도움이 되었다니 기분이 좋습니다. ^^ 새해 복 많이 받으세요.