CSS层 固定置顶部兼容IE6等以下浏览器
日期：2014-05-17 浏览次数：20673 次
CSS层 固定置顶部兼容IE6等以上浏览器
<!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=gb2312" />
<title>固定置顶</title>
<style type="text/css">
body {
background-image:url(about:blank);background-attachment:fixed; /* 置顶表格，防止在IE6刷屏 */
}
/*固定在顶部的表格*/
.topTableWrapper {
width: 100%;
height: 70px;
margin: 0px auto;
z-index:100;
_position: relative ;
_top:0px;
}
.topTable {
width: 100%;
float: left;
display: block;
z-index: 100;
overflow: visible;
position: fixed;
top: 0px; /* position fixed for IE6 */
_position: absolute;
_top: expression(documentElement.scrollTop + "px");
}
</style>
</head>
<body style="padding:0px; margin:0px;">
<div class="topTableWrapper">
<div class="topTable">
<table width="100%" border="0" style="background-color:#0F6">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<table width="100%" height="2500" border="1" >
<tr>
<td width="59"> </td>
<td width="59"> </td>
<td width="438"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
?
1 楼
dedepro
2012-06-07
果然很强。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
