`
deng131
  • 浏览: 673817 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ie6下实现position:fixed效果

阅读更多
由于IE下position:fixed无效,所以需要寻找一种合适的方法及实现的原理,记录下。

参考:
http://ljj284860475.blog.163.com/blog/static/81423862009102713414312/
http://www.jb51.net/css/32163.html
http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html
http://flex.desizen.com/ie6-position-fixed/
http://blog.istef.info/2008/04/13/css-position-fixed-for-ie6/
http://www.blueidea.com/tech/web/2009/6765.asp
http://hi.baidu.com/guodong828/blog/item/c52d3e34ab879b315bb5f54a.html
分享到:
评论

相关推荐

    IE6下的纯CSS完美position:fixed实现

    总之,要在IE6下实现`position: fixed`效果,开发者需要依赖一些非标准的技术和工作-around。这篇博客可能提供了一个详细指南,帮助那些仍需要支持IE6的开发者解决这个问题。通过学习和理解这些技术,我们可以更好地...

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

    ie6下实现position:fixed效果实例介绍

    以下是一个针对IE6实现`position:fixed`效果的实例: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/...

    仿Lightbox效果(Windows关机效果),div覆盖,锁定页面及IE 6实现position:fixed;

    由于IE6不完全支持CSS的`position: fixed`,开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果,以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...

    position:fixed在ie6的使用

    然而,在Internet Explorer 6(简称IE6)这个古老且具有很多兼容性问题的浏览器中,`position:fixed`的实现并不完美,需要采用特定的“hack”技巧来实现类似的效果。 首先,我们来详细理解`position:fixed`的正常...

    css中position:fixed实现div居中上下左右居中

    本篇文章主要探讨了如何利用CSS属性position:fixed来实现DIV的绝对居中。 首先,了解position:fixed属性的作用是关键。position:fixed表示元素相对于浏览器窗口进行定位,这意味着无论页面如何滚动,元素都将保持在...

    position_fixed

    标题"position_fixed"暗示我们将讨论如何在包括IE6在内的各种浏览器中实现`position: fixed;`的完美兼容。 描述中提到的"完美兼容IE6"是一个挑战,因为IE6对CSS标准的支持并不完全,尤其是对于`position: fixed;`的...

    解决ie6的定位问题 position fiexed

    通过以上方法,可以在IE6中实现接近`position: fixed;`的效果。虽然这种方法不是完美的解决方案,但考虑到IE6的历史地位以及其在某些组织中的持久使用,这些技巧仍然具有一定的实用价值。对于现代Web开发来说,建议...

    javascript ie6兼容position:fixed实现思路

    通过这种方法,即使在IE6这样的旧版本浏览器中,也可以实现类似 `position:fixed` 的效果。这种方法的关键在于利用JavaScript动态计算和更新元素的位置,以达到与 `position:fixed` 相似的视觉效果。 在实际应用中...

    IE6支持position:fixed完美解决方法

    本文将介绍一种更优雅、资源效率更高的方法来解决IE6对`position:fixed`的支持问题,这种方法是通过条件注释和CSS表达式来实现的。 首先,我们可以使用HTML的条件注释(Conditional Comments)来针对IE6加载特定的...

    跨浏览器的实践:position:fixed 层的固定定位

    `position: fixed` 是 CSS 中的一个定位属性,用于实现这种效果。然而,由于不同浏览器之间的兼容性问题,使用 `position: fixed` 时可能会遇到一些挑战,特别是在老旧的浏览器如 Internet Explorer 6 中。 在给定...

    详解IE6中的position:fixed问题与随滚动条滚动的效果

    但在IE6中,由于缺乏对position: fixed的支持,开发者不得不采取一些变通的方法来实现类似效果。 从给定文件中提供的内容来看,问题的核心在于如何在IE6中模拟position: fixed的行为,尤其是在滚动时元素仍然能够...

    js完美解决IE6不支持position:fixed的bug

    因此,尽管这种方法可以解决IE6下的`position:fixed`问题,但它并不是最佳实践。随着IE6的使用率逐渐降低,更推荐的方法是逐步停止对它的支持,转而专注于更现代的浏览器和更高效的前端技术。 总的来说,解决IE6不...

    HTML IE6 纯CSS 解决 position fixed 的问题

    然而,在Internet Explorer 6 (IE6)这个古老的浏览器中,`position: fixed;`并不完全按照预期工作,存在一些兼容性问题。这个问题困扰了开发者很多年,因为它限制了网页在IE6上的设计灵活性。 为了解决IE6中的`...

    IE6不支持position:fixed bug的完美解决

    需要注意的是,这种方法虽然可以实现类似 `position:fixed` 的效果,但可能会引入新的问题。例如,它可能导致性能下降,因为浏览器必须不断计算 `expression` 表达式以更新元素位置。此外,`expression` 不是 W3C ...

    IE6中的position:fixed定位兼容性写法分享

    由于 IE6 的浏览器引擎对 CSS 的解析与现代浏览器有所不同,开发者需要采用特定的技巧来实现类似 `position:fixed` 的效果。 首先,针对IE6的“振动bug”,在CSS中添加如下代码: ```css /* 修正IE6振动bug */ html...

    IE6不兼容position:fixed属性的解决办法分享

    及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5、IE6,且避免了js模拟时,拖动滚动条时出现抖动的问题,另外在IE5或者怪癖模式下也完全正常,没有任何问题。如果你有更好的方案...

    IE7下当position:fixed遇到text-align:center的解决方法

    IE7下当position:fixed遇到text-align:center的解决方法 在讨论解决IE7浏览器(或IE8的兼容模式)下,当position:fixed定位遇到外层容器使用text-align:center属性时出现的问题之前,需要了解几个关键的CSS知识点。...

Global site tag (gtag.js) - Google Analytics