把层插入到表格里面,为了实现溢出有滚动条功能,但上传到网页,层就会不在原来嵌入的位置,表格没变化
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-image: url(../TOPbeijing2.jpg);
background-repeat: repeat;
background-attachment:fixed
}
body,td,th {
font-family: Comic Sans MS, cursive;
color: #FFF;
font-size: 14px;
}
td {background-repeat:no-repeat;
background-attachment:scroll,fixed
}
#apDiv1 {
position:absolute;
width:706px;
height:1499px;
z-index:1;
overflow: auto;
}
#apDiv2 {
position:absolute;
width:263px;
height:1495px;
z-index:2;
overflow: auto;}
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #edb987;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #edb987;
SCROLLBAR-3DLIGHT-COLOR: #edb987;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #edb987}
</STYLE>
-->
</style></head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<table width="979" border="0" align="center">
<tr>
<td width="975" height="225"><img src="../TOP.jpg" width="978" height="537" align="center" /></td>
</tr>
</table>
<table width="979" border="0" align="center">
<tr align="center">
<td width="993" height="70"><img src="../TOPhua3.gif" width="172" height="63"> <img src="../TOPzi.gif" width="172" height="34"> <img src="../T.gif" width="172" height="34"> <img src="../Topzi2.gif" width="172" height="34"> <img src="../TOPhua4.gif" width="172" height="63"></td>
</tr>
</table>
<table width="984" border="0" align="center">
<tr>
<td width="264" align="center" valign="top" background="../TOPbei3.gif"><div>
<div align="left">nihao</div>
</div></td>
<td width="710" height="1504" align="center" valign="top" background="../TOPbei2.gif"><div id="apDiv1">
<div align="center">nihao<br />
</div>
</div></td>
</tr>
<tr>
<td height="35"></td>
</tr>
</table>
</body>
</html>