플래쉬 위에 html폼 넣기? 정보
플래쉬 위에 html폼 넣기?본문
배경플래쉬에 로그인 폼을 넣고싶은데요
저렇게 해논 사이트를 보니까 배경은 swf이고 저 로그인부분이랑 버튼부분만 html이더라구요..
그래서 저도 한번 해보려고 하는데요
포토샵으로 일단 그려서 슬라이스로 나눈담에 저 빨간부분을 지우고 png로 저장한담에 플래쉬에서 불러와서 swf 만들었습니다.
현재 swf는 저 빨간부분이 뻥 뚫린상태입니다.
그리고 저 빨간부분을 각각 버튼과 인풋박스로 슬라이스 해서 저장했습니다.
이제 합치는 것만 남았는데요
<param name="wmode" value="transparent"> 이걸로 투명으로 해도 안합쳐지고
어떻게 해야 하는지 감이 안잡히네요
어떤방법으로 해야하는거죠? 제가 생각한 방법이 틀린건가요?
저렇게 해논 사이트를 보니까 배경은 swf이고 저 로그인부분이랑 버튼부분만 html이더라구요..
그래서 저도 한번 해보려고 하는데요
포토샵으로 일단 그려서 슬라이스로 나눈담에 저 빨간부분을 지우고 png로 저장한담에 플래쉬에서 불러와서 swf 만들었습니다.
현재 swf는 저 빨간부분이 뻥 뚫린상태입니다.
그리고 저 빨간부분을 각각 버튼과 인풋박스로 슬라이스 해서 저장했습니다.
이제 합치는 것만 남았는데요
<param name="wmode" value="transparent"> 이걸로 투명으로 해도 안합쳐지고
어떻게 해야 하는지 감이 안잡히네요
어떤방법으로 해야하는거죠? 제가 생각한 방법이 틀린건가요?
댓글 전체
HTML로 만든 로그인 폼 부분을 div를 이용해서 층(z-index)값을 2이상으로 지정해서 플래시 위에 올려 놓으시면 될 겁니다.
현재 플래시가 html의 로그인폼보다 위에 있기에 투명인 transparent로 줄 필요는 없고요.
opaque로 지정하시면 될 듯 합니다.
현재 플래시가 html의 로그인폼보다 위에 있기에 투명인 transparent로 줄 필요는 없고요.
opaque로 지정하시면 될 듯 합니다.
<body style= bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="900" height="400" border="0" cellpadding="0" cellspacing="0">
<tr><td><embed src="mainbg.swf" width="900" height="400" wmode="opaque"></embed>
<div style="z-index:5;"><td><table id="Table_" width="242" height="148" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2"><img src="images/loginmenu_01.png" width="54" height="92" alt=""></td>
<td colspan="2"><img src="images/loginmenu_02.png" width="115" height="51" alt=""></td>
<td rowspan="2"><img src="images/loginmenu_03.png" width="73" height="92" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/loginmenu_04.png" width="115" height="41" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/loginmenu_05.png" width="105" height="55" alt=""></td>
<td colspan="2"><img src="images/loginmenu_06.gif" width="137" height="55" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="73" height="1" alt=""></td>
</tr>
</table></td></div></td></tr>
</table>
이렇게 바꿔봤는데 플래쉬 안으로 안들어가고 html박스가 플래쉬 옆에 붙어서 생겨요..
<table id="Table_01" width="900" height="400" border="0" cellpadding="0" cellspacing="0">
<tr><td><embed src="mainbg.swf" width="900" height="400" wmode="opaque"></embed>
<div style="z-index:5;"><td><table id="Table_" width="242" height="148" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2"><img src="images/loginmenu_01.png" width="54" height="92" alt=""></td>
<td colspan="2"><img src="images/loginmenu_02.png" width="115" height="51" alt=""></td>
<td rowspan="2"><img src="images/loginmenu_03.png" width="73" height="92" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/loginmenu_04.png" width="115" height="41" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/loginmenu_05.png" width="105" height="55" alt=""></td>
<td colspan="2"><img src="images/loginmenu_06.gif" width="137" height="55" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="73" height="1" alt=""></td>
</tr>
</table></td></div></td></tr>
</table>
이렇게 바꿔봤는데 플래쉬 안으로 안들어가고 html박스가 플래쉬 옆에 붙어서 생겨요..
테이블 내에서 td하나만 레이어로 처리 안될텐데요..?
그게무슨..?
자세히좀 알려주심 안될까요? 초보라 잘 못알아먹슴다..^^;
자세히좀 알려주심 안될까요? 초보라 잘 못알아먹슴다..^^;
해결했습니다 감사합니다