广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >IE6 position:fixed问题的解决方法
  • 570
分享到

IE6 position:fixed问题的解决方法

ie6positionfixed 2022-10-19 14:10:12 570人浏览 安东尼
摘要

IE6 position:fixed问题的解决方法,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

IE6 position:fixed问题的解决方法,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

向大家简单介绍一下解决IE6下position:fixed问题方法,造成这个问题的原因是fixed元素的绝对位置是相对于html元素,滚动条是body元素的,相信本文介绍一定会让你有所收获。

IE6 position:fixed

这个内容是老生常谈了,主要问题就是IE6不支持position:fixed引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用position:absolute来替代解决,可是我们真的解决了么?没有,因为当页面比较长的时候,拖动滚动条,那个fix的地方也相应的闪动.虽然最终会近似于需求的目标,但是不***.那么如何解决这一问题呢?

造成这个问题的原因是fixed元素的绝对位置是相对于HTML元素,滚动条是body元素的(貌似ie6中他们的区别就是在于滚动条界限那里)。知道了原因,我们就大概知道如何解决了:

<!--[ifIE6]> <styletypestyletype="text/CSS">  html{overflow:hidden;}   body{height:100%;overflow:auto;}   #fixed{position:absolute;}  </style> <!--[endif]-->

没错,就是加上这样的一段code,现在看看完整的页面code:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>IE6position:fixed</title> <style> *{   padding:0;   margin:0;  }   #fixed{   background-color:#DDD;   border:1pxsolid#aaa;   position:fixed;   right:0;   top:0;  }  </style> <!--[ifIE6]> <styletypestyletype="text/css">  html{overflow:hidden;}   body{height:100%;overflow:auto;}   #fixed{position:absolute;right:17px;}  </style> <!--[endif]--> </head> <body> <divstyledivstyle="height:2000px"></div> <dividdivid="fixed"> FIXED  </div> </body> </html>

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网node.js频道,感谢您对编程网的支持。

--结束END--

本文标题: IE6 position:fixed问题的解决方法

本文链接: https://www.lsjlt.com/news/86548.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • IE6 position:fixed问题的解决方法
    IE6 position:fixed问题的解决方法,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。...
    99+
    2022-10-19
    ie6 position fixed
  • 如何解决IE6 position:fixed 固定定位问题
    这篇文章将为大家详细讲解有关如何解决IE6 position:fixed 固定定位问题,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。和大家重点讨论一下如何解...
    99+
    2022-10-19
    ie position:fixed
  • 怎么用CSS表达式解决IE6 position:fixed无效问题
    本篇内容介绍了“怎么用CSS表达式解决IE6 position:fixed无效问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔...
    99+
    2022-10-19
    css
  • Ajax与IE6缓存问题及解决方法
    本篇文章给大家分享的是有关Ajax与IE6缓存问题及解决方法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。向大家简单介绍一下Ajax与IE6缓存问题,用ajax请求时,如果出现...
    99+
    2023-06-17
  • 正确解决IE6的问题的方法是什么
    正确解决IE6的问题的方法是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。这个话题是从IE6 No More引起的,那本是一场反对IE6浏览器的行动,几乎每个身边的开发人员...
    99+
    2023-06-12
  • ie6下position:absolute属性不显示问题的解决方法
    本篇内容介绍了“ie6下position:absolute属性不显示问题的解决方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔...
    99+
    2022-10-19
    ie6 position
  • 解决IE6兼容性问题的常见方法有哪些
    今天就跟大家聊聊有关解决IE6兼容性问题的常见方法有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。解决IE6兼容性问题常见方法1、使用声明你必须...
    99+
    2022-10-19
    ie6
  • 如何解决hover在IE6下的问题
    这篇文章给大家分享的是有关如何解决hover在IE6下的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。hover在IE6下的问题在处理CSS的机制上,IE总是有很多让人吐血的...
    99+
    2022-10-19
    hover ie6
  • IE6、IE7、Firefox中margin问题的解决办法是什么
    这期内容当中小编将会给大家带来有关IE6、IE7、Firefox中margin问题的解决办法是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。你对IE6/IE7/Fir...
    99+
    2022-10-19
    ie margin firefox
  • 用JavaScript解决IE6至IE8兼容问题
    本篇内容主要讲解“用JavaScript解决IE6至IE8兼容问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“用JavaScript解决IE6至IE8兼容问题...
    99+
    2022-10-19
    javascript
  • IE6 BUG的解决方法有哪些
    这篇“IE6 BUG的解决方法有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“IE6 ...
    99+
    2022-10-19
    ie6
  • 如何解决IE6下position fixed失效的问题
    这篇文章主要讲解了“如何解决IE6下position fixed失效的问题”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何解决IE6下position f...
    99+
    2022-10-19
    ie
  • 如何解决ie6、ie7下overflow失效的问题
    本篇内容介绍了“如何解决ie6、ie7下overflow失效的问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有...
    99+
    2022-10-19
    overflow
  • IE6中怎么解决CSS兼容性问题
    本篇内容主要讲解“IE6中怎么解决CSS兼容性问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“IE6中怎么解决CSS兼容性问题”吧!  IE6中常见CSS兼容...
    99+
    2022-10-19
    css
  • 如何解决IE6下伪类hover失效的问题
    如何解决IE6下伪类hover失效的问题,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。第一篇:在处理CSS的机制上,拿对伪类:hover的...
    99+
    2022-10-19
    ie6 hover
  • 如何解决IE6下PNG图片透明的问题
    本篇内容介绍了“如何解决IE6下PNG图片透明的问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!PNG图...
    99+
    2022-10-19
    ie png
  • 怎样解决IE6、IE7和IE8的CSS兼容问题
    本篇文章为大家展示了怎样解决IE6、IE7和IE8的CSS兼容问题,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。和大家重点讨论一下CSS兼容:解决IE6、IE7和I...
    99+
    2022-10-19
    ie css
  • JavaScript如何解决IE6与IE8兼容性问题
    JavaScript如何解决IE6与IE8兼容性问题,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获...
    99+
    2022-10-19
    js ie6 ie8
  • 如何解决各种IE兼容问题IE6-IE10
    这篇文章将为大家详细讲解有关如何解决各种IE兼容问题IE6-IE10,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。x-ua-compatible 用来指定IE浏览器解析编...
    99+
    2022-10-19
    ie
  • 怎么解决IE6兼容性问题的十大技巧
    本篇文章为大家展示了怎么解决IE6兼容性问题的十大技巧,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。10要点解决IE6兼容性问题1、使用声明你必须经常在html网页...
    99+
    2022-10-19
    ie6
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作