<!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>
分享到：
相关推荐
返回顶部图标固定在浏览器的右下角的相关文章可以在网上找到很多，但是同时兼容ie6的就不多了，本例为大家介绍的这段css样式代码就是可以兼容ie6的，感兴趣的朋友可以参考下
兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外JS内容选项卡DEMO下载 14.推荐通用文字图片JS不间断滚动封装类 代替Marquee 15.站长...
1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线， 修正了重复生成锁定行列的问题以及生成错位的问题， 修正了行、列事件无法复制的问题， 增加了IE6/IE7/IE8 启用设置参数（ieLowVersionEnabled: true|false)...
直到滚到顶部为止，现在如果大家细心观察右下角是不是有一个点击回到顶部的按钮呢，对， 今天我要说的就这个按钮的布局，闲话不多说，直接上代码，在代码中我尽量的标注css样式，以方便大家阅读； 复制代码代码如下...
可以实现顶部展开及收回效果，特别适合对特效情有独钟... 已通过IE、谷歌等浏览器兼容测试。 1、将css、images、js三个文件夹上传到网站（并确认好路径） 2、所有“顶部下拉在线客服代码”都在index.html文件中，复制时
原创设计、手工书写DIV+CSS，完美兼容IE7+、Firefox、Chrome、360浏览器等；主流浏览器； 页面简洁简单，容易管理，DEDE内核都可以使用；附带测试数据！ 1.织梦内核支持，含有筛选搜索，tag标签，网站地图利于优化...
三层架构理念开发，结构清晰、明了，方便修改和整理，多浏览器兼容，能够很好得兼容Mozilla,IE等浏览器，功能强大的文章编辑器，同时兼容两种编辑方式，在线编辑器采用FckEditor，采用的UBB编辑器由Blog作者独立开发...
多浏览器兼容,能够很好得兼容Mozilla,IE等浏览器 功能强大的文章编辑器,同时兼容两种编辑方式.在线编辑器采用FckEditor. COCOWOBLOG采用的UBB编辑器由Blog作者独立开发.支持自定义面板和CSS.自带HTML转换UBB代码...
该版本Blog利用了VS2005中的master等特性控件，采用三层架构理念开发，结构清晰、明了，方便修改和整理，多浏览器兼容，能够很好得兼容Mozilla,IE等浏览器，功能强大的文章编辑器，同时兼容两种编辑方式，在线编辑器...
已通过IE、谷歌等浏览器兼容测试。 1、将css、images、js三个文件夹上传到网站（并确认好路径） 2、所有“顶部下拉在线客服代码”都在index.html文件中，复制时要小心不要忘记 这三行代码（新手建议src采用绝对...
多浏览器兼容,能够很好得兼容Mozilla，IE等浏览器 2. 功能强大的文章编辑器，同时兼容两种编辑方式，在线编辑器采用FckEditor. 3. PJBlog2采用的UBB编辑器由Blog作者独立开发，支持自定义面板和CSS，...
6、本系统采用html+css架构，UTF-8 编码，兼容FF,IE7及以上等主流浏览器【未测试IE6】。7、本系统的宗旨，纯净，简约，美观，无预留后门，无病毒。8、网站有后台，可以关闭任何已经收录的网址，简单说，网址设有置顶...
整站采用html5 css jquery布局，静态版单页面，修改非常简单，直接上传到自己空间就可以使用，本源代码兼容ie6、ie7、ie8、ie9、firefox、chrome，oprea、sofari浏览器。 本程序修改纯静态，无后台傻瓜式、简单易学...
整站采用html5+css+jquery布局，静态版单页面，修改非常简单，直接上传到自己空间就可以使用，本源代码兼容ie6、ie7、ie8、ie9、firefox、chrome，oprea、sofari浏览器。 本程序修改纯静态，无后台傻瓜式、简单易学...
本文实例讲述了jQuery实现的粘性滚动...由于 smint 使用了 position: fixed，所以它不兼容 IE6。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 引入文件 <link href="css/demo.cs
兼容IE7 、Firefox、Chrome、360浏览器等；主流浏览器； 页面简洁简单，容易管理，DEDE内核都可以使用；附带测试数据！ 模板特点： 1.一款利于SEO的模板，手工CSS DIV，图片ALT，H系列标签已合理运用。 2.同步手机...
怎么样，比较容易吧~，但是你们有没有发现，红色区域离浏览器的顶部和左边的边距IE6和FF的不一样，有没有发现？这样的话，我们作出来的页面浏览器就不兼容了，效果不一样了？为什么会这样？这是因为每个浏览器都有一...