<!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>
分享到：
相关推荐
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...
"底部固定悬浮工具栏jQuery代码兼容ie6+主流浏览器"这个资源提供了这样一个功能的实现，适用于多种浏览器环境，包括Internet Explorer 6到9以及Chrome和Firefox。 jQuery是一款广泛使用的JavaScript库，简化了...
综上所述，解决“jquery固定层顶部固定层和底部固定层IE6不抖动”的问题，需要深入了解IE6的特性和限制，并结合jQuery以及CSS技巧进行优化。随着现代浏览器的普及，这些问题已经逐渐减少，但了解和处理这类兼容性...
然而，由于IE9的限制，一些现代前端开发的特性（如Flexbox布局、CSS3动画等）可能无法在该浏览器上完美呈现。因此，对于对老旧浏览器的兼容性要求较高的项目，可能需要考虑牺牲部分视觉效果或功能，以确保基本功能的...
标题“兼容IE6固定网页底部、顶部层”指出，这个问题着重于解决老旧的Internet Explorer 6（IE6）浏览器中的布局兼容性问题，同时也要考虑其他主流浏览器如Firefox、IE7、IE8、IE9以及谷歌浏览器的兼容性。...
为了实现兼容性，这个Demo应该考虑到了不同的浏览器，包括IE、Firefox和Chrome等。这些浏览器对CSS和JavaScript的支持程度各不相同，尤其是老版本的Internet Explorer（IE），有时需要特别的代码处理才能确保兼容。...
对于兼容IE6，jQuery 1.12.4已经包含了对这个古老浏览器的支持。然而，由于IE6的性能限制和对CSS、JavaScript的兼容性问题，可能需要特别注意一些CSS样式和JavaScript代码的编写，避免使用IE6不支持的特性。例如，...
本篇文章将深入探讨如何实现这样一个兼容各大浏览器的弹性返回顶部代码。 首先，我们需要一个HTML结构来放置返回顶部的按钮。这个按钮通常被隐藏在屏幕底部或者右下角，只有当用户开始滚动页面时才会显示出来。一个...
这个示例提供的是一种跨浏览器的解决方案，旨在确保图片在IE6、IE7、IE8以及Firefox、Opera、Safari等主流浏览器中都能实现居中对齐。我们将深入探讨这个CSS示例中的关键技术点。 首先，我们来讨论如何实现图片水平...
在网页设计中，CSS（层叠样式表）的浏览器兼容性是开发者经常面临的挑战，特别是对于老版本的Internet Explorer（IE5, IE6, IE7）以及Firefox等其他浏览器。CSS浏览器兼容性学习旨在确保网站在不同浏览器下都能正常...
针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”，我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响，以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...
jQuery库本身已做了大量的浏览器兼容性优化，因此这段代码在主流的现代浏览器（如Chrome、Firefox、Safari、Edge和IE9+）中都能正常工作。对于更老的浏览器，如IE6和7，可能需要引入额外的polyfill或者考虑使用其他...
Sticky-headerjs 是一个专为此目的而设计的jQuery插件，特别强调了对老版本IE浏览器（如IE8）的良好兼容性，这在当前仍然需要支持较旧浏览器的项目中显得尤为宝贵。 Sticky-header.js插件的工作原理是监听用户的...
下面我们将深入探讨如何使用 jQuery 和相关的 CSS 技术来创建一个具有固定表头和固定列的表格，并确保全浏览器兼容。 首先，jQuery 是一个强大的 JavaScript 库，它简化了 DOM 操作、事件处理、动画和Ajax交互。在...
本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer（IE6、IE7、IE8、IE9）之间的CSS差异。以下是一些关键知识点的详细说明： 1. **CSS Hack**： - CSS Hack...
由于各浏览器（如IE6、IE7、Firefox等）对CSS标准的支持程度不同，开发者常常需要采用特定的方法来确保网页在不同浏览器下的表现一致。本文将详细介绍几种常见的CSS Hack方法及其应用场景。 #### 二、CSS Hack常用...
总的来说，实现"文字无间断向上滚动，兼容ie6"涉及到多个前端开发的知识点，包括CSS布局、动画、JavaScript编程以及浏览器兼容性策略。通过熟练掌握这些技能，开发者能够创建出既美观又实用的网页动态效果。
总的来说，要实现一个兼容IE6的返回顶部图标固定在浏览器右下角的效果，我们需要结合使用`position: fixed`和IE6的私有属性以及`expression`表达式。尽管这涉及到一些过时的技术，但它可以帮助那些仍然需要支持IE6的...
2. **CSS定位**：为了实现广告位的“左右固定顶部”布局，开发者可能使用了CSS中的`position`属性，将其设置为`fixed`，使广告始终保持在屏幕的顶部。同时，可能通过`left`和`right`属性来调整广告框在页面上的位置...