인터넷정보

레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법

알 수 없는 사용자 2007. 10. 11. 23:28

파일이 두개가 필요합니다(아닐수도 있지만 전 간단히 하기 위해 두개)

---------------------------------------
main.html
---------------------------------------

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>

<body>
<iframe name="menuFrame1" src="menu1.html" marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no style="position:absolute;top:44;left:345;width:150;height:205; visibility:visible; filter:alpha(opacity=85); z-index:5;"></iframe>
<table>
<tr height=100>
    <td width=300></td>
    <td valign=bottom>아래의 콤보박스가 레이어에 가려져보입니다</td>
</tr>
<tr>
    <td></td>
    <td><select name=""><option>SelectBox</option></select></td>
</tr>
</table>
</body>
</html>
---------------------------------------

---------------------------------------
menu1.html
---------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Menu</title>
</head>
<body leftmargin=0 topmargin=0 style="background-color:transparent">
<table width='150' border='0' cellspacing='0' cellpadding='0'>
<tr>
    <td width=100% valign=top>
        <TABLE cellSpacing=1 cellPadding=0 width=100% border=0 style='border:3px solid #1770CD' bgcolor='#4286CE'>
        <tr>
            <td height=5></td>
        </tr>
        <TR>
            <TD style='padding-left:4px;' valign=top height=191>
                <table width=100% border='0' cellspacing='0' cellpadding='0'>
                    <TR>
                        <TD style='padding-left:4px;' height=25><a href="링크1" target="_parent" class='menutop'>메뉴1</A></TD>
                    </tr>
                </table>    
            </TD>
        </tr>
        </table>    
    </td>
</tr>
</table>
</body>
</html>

---------------------------------------


위 파일 두개를 같은 곳에 저장한 뒤 테스트 하시기 바랍니다

분명 셀렉트 박스 위에 레이어가 올라가는걸 알수 있습니다
위에 설명했듯이 자바 애플릿 위에도 잘 올라갑니다
(일반 레이어의 경우 애플릿 경계선으로 완전히 잘려버리죠 ㅡㅡㅋ)

유용한 팁이라 생각하고 올렸으니 상처주는 말은 제발.. ㅡㅡㅋ
(이것도 팁이냐.. 장난하냐 등등.. ㅡㅡ;;)

주의사항:
1. link target은 parent로..(아실듯..)
2. 위 소스에서 아실수 있듯이 셀렉트 박스나 자바 애플릿은 투명도가 먹지 않습니다.

반응형