플래시 위에 레이어가 플래시에 가리는 현상 해결법[ 편집자 : Blueⓘ ]
2010년 02월 18일 오전 11시 29분 태그 : , , , , / 조회수 : 2,211

플래시 위에 레이어를 띄울 경우 레이어가 플래시에 가리는 현상이 발생합니다.

아래 캡쳐화면은 자바스크립트 Alert을 레이어로 처리한 경우에 플래시에 Alert레이어가 가린 경우입니다.

이런 경우 플래시에 wmode파라미터를 주고 transparent값을 주게 되면 플래시가 레이어를 가리는 현상이 사라지게 됩니다.
플래시의 경우 OBJECT 엘리먼트와 비 IE계열을 위한 EMBED 엘리먼트 두곳에 wmode를 설정 해 주셔야 합니다.

<object classid....>
	<param name="wmode" value="transparent">
	...
	...
	<embed ... wmode="transparent" ... />
</object>

아래는 완성된 플래시 삽입 코드 입니다. 위의 wmode를 아래와 같이 플래시 코드중 원하시는곳에 삽입 해 주시면 됩니다.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
	codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
	width="100%" height="200" id="ie_chart" align="middle">
	<param name="wmode" value="transparent">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="movie.php" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#FFFFFF" />
	<embed src="/open-flash-chart.swf?data=movie.php" quality="high" bgcolor="#FFFFFF" width="100%" 
		height="200" name="chart" align="middle" allowScriptAccess="sameDomain" 
		type="application/x-shockwave-flash" wmode="transparent"
		pluginspage="http://www.macromedia.com/go/getflashplayer" id="chart" />
</object>

이렇게 하면 위 캡쳐화면에서 레이어가 플래시에 가리던 현상이 아래 캡쳐화면처럼 레이어가 플래시 위에서도 이쁘게 잘 보이는 것을 확인하실 수 있습니다.

이 글이 도움이 않되셨더라도 왼쪽 아래에 있는 손 모양의 추천을 눌러주세요...^^

엮인글 주소 : http://www.blueiblog.com/ko/archives/2098/trackback
  • 이 숫자를 스팸 방지키란에 입력하여 주세요.