레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법
인터넷정보2007. 10. 17. 12:42
---------------------------------------
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>
---------------------------------------
위 파일 두개를 같은 곳에 저장한 뒤 테스트 하시기 바랍니다
분명 셀렉트 박스 위에 레이어가 올라가는걸 알수 있습니다
위에 설명했듯이 자바 애플릿 위에도 잘 올라갑니다
(일반 레이어의 경우 애플릿 경계선으로 완전히 잘려버리죠 ㅡㅡㅋ)
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>
---------------------------------------
위 파일 두개를 같은 곳에 저장한 뒤 테스트 하시기 바랍니다
분명 셀렉트 박스 위에 레이어가 올라가는걸 알수 있습니다
위에 설명했듯이 자바 애플릿 위에도 잘 올라갑니다
(일반 레이어의 경우 애플릿 경계선으로 완전히 잘려버리죠 ㅡㅡㅋ)
'인터넷정보' 카테고리의 다른 글
| 국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0) | 2007.10.17 |
|---|---|
| input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0) | 2007.10.17 |
| URL / 절대경로 / 상대경로란 ? (0) | 2007.10.17 |
| 404 Not Found 국가별 에러메시지 (0) | 2007.10.17 |
| div 중앙에 나열하기 (0) | 2007.10.17 |
| embed 태그 다양한 옵션 효과 (0) | 2007.10.17 |
| 국가코드 (0) | 2007.10.17 |
| 설치가 필요없는 ftp, telnet 프로그램 (0) | 2007.10.17 |
| 윈도우 XP SP2 소스보기 (0) | 2007.10.17 |
| 특정 사이트 차단하기 - 유해사이트 차단 및 성인사이트 차단 (0) | 2007.10.17 |
