`
yanyanquan
  • 浏览: 450392 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

CSS层 固定置顶部兼容IE6等以上浏览器

    博客分类:
  • W3C
 
阅读更多
<!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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</div>
</div>

<table width="100%" height="2500" border="1" >
  <tr>
    <td width="59">&nbsp;</td>
    <td width="59">&nbsp;</td>
    <td width="438">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>





</body>
</html>

 

分享到:
评论
1 楼 dedepro 2012-06-07  
果然很强。

相关推荐

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`&lt;!DOCTYPE...

    底部固定悬浮工具栏jQuery代码兼容ie6+主流浏览器

    "底部固定悬浮工具栏jQuery代码兼容ie6+主流浏览器"这个资源提供了这样一个功能的实现,适用于多种浏览器环境,包括Internet Explorer 6到9以及Chrome和Firefox。 jQuery是一款广泛使用的JavaScript库,简化了...

    jquery固定层顶部固定层和底部固定层IE6不抖动

    综上所述,解决“jquery固定层顶部固定层和底部固定层IE6不抖动”的问题,需要深入了解IE6的特性和限制,并结合jQuery以及CSS技巧进行优化。随着现代浏览器的普及,这些问题已经逐渐减少,但了解和处理这类兼容性...

    vue2兼容ie9浏览器

    然而,由于IE9的限制,一些现代前端开发的特性(如Flexbox布局、CSS3动画等)可能无法在该浏览器上完美呈现。因此,对于对老旧浏览器的兼容性要求较高的项目,可能需要考虑牺牲部分视觉效果或功能,以确保基本功能的...

    兼容IE6固定网页底部、顶部层

    标题“兼容IE6固定网页底部、顶部层”指出,这个问题着重于解决老旧的Internet Explorer 6(IE6)浏览器中的布局兼容性问题,同时也要考虑其他主流浏览器如Firefox、IE7、IE8、IE9以及谷歌浏览器的兼容性。...

    HTML+JS实现固定表头和锁定左列的Demo(兼容IE,火狐,谷歌等大众浏览器)

    为了实现兼容性,这个Demo应该考虑到了不同的浏览器,包括IE、Firefox和Chrome等。这些浏览器对CSS和JavaScript的支持程度各不相同,尤其是老版本的Internet Explorer(IE),有时需要特别的代码处理才能确保兼容。...

    jquery平滑返回顶部效果(兼容IE6)

    对于兼容IE6,jQuery 1.12.4已经包含了对这个古老浏览器的支持。然而,由于IE6的性能限制和对CSS、JavaScript的兼容性问题,可能需要特别注意一些CSS样式和JavaScript代码的编写,避免使用IE6不支持的特性。例如,...

    弹性返回顶部代码,兼容各大浏览器

    本篇文章将深入探讨如何实现这样一个兼容各大浏览器的弹性返回顶部代码。 首先,我们需要一个HTML结构来放置返回顶部的按钮。这个按钮通常被隐藏在屏幕底部或者右下角,只有当用户开始滚动页面时才会显示出来。一个...

    一个图片居中的CSS示例,兼容IE6,7,8和FF,opera,safari

    这个示例提供的是一种跨浏览器的解决方案,旨在确保图片在IE6、IE7、IE8以及Firefox、Opera、Safari等主流浏览器中都能实现居中对齐。我们将深入探讨这个CSS示例中的关键技术点。 首先,我们来讨论如何实现图片水平...

    CSS浏览器兼容性学习

    在网页设计中,CSS(层叠样式表)的浏览器兼容性是开发者经常面临的挑战,特别是对于老版本的Internet Explorer(IE5, IE6, IE7)以及Firefox等其他浏览器。CSS浏览器兼容性学习旨在确保网站在不同浏览器下都能正常...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”,我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响,以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...

    Jquery返回顶部代码兼容各种浏览器

    jQuery库本身已做了大量的浏览器兼容性优化,因此这段代码在主流的现代浏览器(如Chrome、Firefox、Safari、Edge和IE9+)中都能正常工作。对于更老的浏览器,如IE6和7,可能需要引入额外的polyfill或者考虑使用其他...

    stickyheaderjs是一款非常实用的兼容IE8浏览器的页面顶部固定jQuery插件

    Sticky-headerjs 是一个专为此目的而设计的jQuery插件,特别强调了对老版本IE浏览器(如IE8)的良好兼容性,这在当前仍然需要支持较旧浏览器的项目中显得尤为宝贵。 Sticky-header.js插件的工作原理是监听用户的...

    Jquery table固定表头,固定列,全浏览器兼容

    下面我们将深入探讨如何使用 jQuery 和相关的 CSS 技术来创建一个具有固定表头和固定列的表格,并确保全浏览器兼容。 首先,jQuery 是一个强大的 JavaScript 库,它简化了 DOM 操作、事件处理、动画和Ajax交互。在...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...

    CSS样式hack,用于兼容多种浏览器

    由于各浏览器(如IE6、IE7、Firefox等)对CSS标准的支持程度不同,开发者常常需要采用特定的方法来确保网页在不同浏览器下的表现一致。本文将详细介绍几种常见的CSS Hack方法及其应用场景。 #### 二、CSS Hack常用...

    文字无间断向上滚动,兼容ie6

    总的来说,实现"文字无间断向上滚动,兼容ie6"涉及到多个前端开发的知识点,包括CSS布局、动画、JavaScript编程以及浏览器兼容性策略。通过熟练掌握这些技能,开发者能够创建出既美观又实用的网页动态效果。

    css返回顶部图标固定在浏览器右下角且兼容ie6

    总的来说,要实现一个兼容IE6的返回顶部图标固定在浏览器右下角的效果,我们需要结合使用`position: fixed`和IE6的私有属性以及`expression`表达式。尽管这涉及到一些过时的技术,但它可以帮助那些仍然需要支持IE6的...

    基于jquery实现的左右固定顶部可收缩的全屏广告代码,中间广告位在5秒之后,自动收起。兼容主流浏览器(不兼容IE6)

    2. **CSS定位**:为了实现广告位的“左右固定顶部”布局,开发者可能使用了CSS中的`position`属性,将其设置为`fixed`,使广告始终保持在屏幕的顶部。同时,可能通过`left`和`right`属性来调整广告框在页面上的位置...

Global site tag (gtag.js) - Google Analytics