`
xiaoluode
  • 浏览: 14546 次
  • 来自: 深圳
社区版块
存档分类
最新评论

解决IE6 position:fixed 固定定位问题

ie6 
阅读更多

  在 IE6 中实现 position:fixed; 的办法

 _position:absolute; 中的 _ 符号只有 IE6 才能识别,目的是为了区分其他浏览器

 以下是代码片断: 

 使元素固定在浏览器的顶部: 

#top{
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));}
  

使元素固定在浏览器的底部

#top{
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

  这两段代码只能实现在最底部跟最顶部,你可以使用 _margin-top:10px; 或者 _margin-bottom:10px;修改其中的数值控制元素的位置。

 

position:fixed; 闪动问题

现在,问题还没有完全解决。在用了上面的办法后,你会发现:被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:

*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}

 其中 * 是给 IE6 识别的。

 到此,IE6 的 position:fixed; 问题已经被解决了。

 

文章引用地址:http://www.iefans.net/ie6-position-fixed-dingwei/

 

分享到:
评论

相关推荐

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

    3. **JavaScript库**:有些JavaScript库如jQuery或个人编写的脚本,专门用于解决IE6中的`position: fixed`问题。它们监听滚动事件,然后通过JavaScript计算并更新元素的位置。 4. **条件注释(conditionnal comments...

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

    在网页设计中,实现元素的固定定位(Fixed Positioning)是一项常见的需求,它可以使元素相对于浏览器窗口保持固定的位置,无论用户滚动页面如何,该元素总是在屏幕的特定位置。`position: fixed` 是 CSS 中的一个...

    position:fixed在ie6的使用

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

    解决ie6的定位问题 position fiexed

    ### 解决IE6中的定位问题:Position Fixed 在早期的Web开发中,Internet Explorer 6(简称IE6)因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...

    HTML IE6 纯CSS 解决 position fixed 的问题

    为了解决IE6中的`position: fixed;`问题,我们可以采用以下几种方法: 1. **条件注释法**: 在HTML文档的头部,可以使用IE6特有的条件注释来引入一个专门为IE6定制的CSS文件,这样可以针对IE6浏览器提供特别的样式...

    position_fixed

    总的来说,`position_fixed`主题涵盖了网页设计中的固定定位技术,特别是如何在不支持`position: fixed;`的旧版浏览器(如IE6)中实现相同效果的策略。这包括使用JavaScript补丁、条件注释以及可能的CSS hack,确保...

    CSS表达式(expression)解决IE6 position:fixed无效问题

    对于`position:fixed`的模拟,我们可以创建两个类 `.ie6fixedTL` 和 `.ie6fixedBR`,分别用于处理元素的左上角和右下角的固定定位。在非IE6浏览器中,这些类将使用常规的`position:fixed`,而在IE6中,我们将使用CSS...

    IE6 position:fixed bug (固定窗口方法)

    标题中的“IE6 position:fixed bug (固定窗口方法)”指的是在Internet Explorer 6浏览器中,使用CSS的`position:fixed`属性时出现的一个兼容性问题。`position:fixed`通常用于创建固定定位的元素,使其在页面滚动时...

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

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

    javascript ie6兼容position:fixed实现思路

    为了解决IE6中的这个问题,通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略: 1. **初始化CSS**:首先,为IE6定义一个备用的定位方式,通常是 `position:absolute`,并使用...

    ie6 position:fixed解决方案

    总结来说,解决IE6不支持`position: fixed;`的问题通常需要结合使用CSS Hack和JavaScript表达式。虽然这些方法在现代浏览器中已经不再适用,但对于维护旧网站或支持仍然使用IE6的用户来说,这些知识仍然是有价值的。...

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

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

    解决IE6下Position:fixed问题

    解决IE6下的`position:fixed`问题通常需要一些技巧和hack。以下是几个关键点: 1. **背景图片设置**:在IE6中,给容器(如body)添加一个背景图片,并设置`_background-attachment: fixed;`。这是因为在IE6中,只有...

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

    在网页设计中,`position:fixed` 是一个 CSS 属性,用于设置元素的定位方式,使其相对于浏览器窗口保持固定,即使在滚动时也不会移动。然而,这个特性在 Internet Explorer 6 (IE6) 中存在一些兼容性问题。由于 IE6 ...

    IE6浏览器不支持固定定位(position:fixed)解决方案

    IE6浏览器对CSS中的固定定位(position: fixed)不支持,这是一个众所周知的问题。IE6以及其他一些旧版本的浏览器,比如IE7和IE8,在文档处于怪异模式(quirk mode)时,会将position: fixed视为错误值,并将其忽略...

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

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

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

    综合以上内容,我们可以知道,要解决IE6中的position: fixed问题,需要利用javascript表达式和特定的CSS滤镜语法,来模拟出其他浏览器中position: fixed所提供的效果。这种做法虽然复杂,但可以在不牺牲太多可读性...

    IE6不支持fixed解决方法

    首先,我们需要理解这个问题的本质:IE6将`fixed`视为`static`或`relative`,因此无法实现期望的固定定位效果。以下是一个简单的解决策略: 1. **针对IE6的CSS Hack**: 在`body`元素的CSS样式中,我们可以添加两...

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

    本文将详细介绍如何解决 IE6 不支持 `position:fixed` 的问题,并提供一种完美的解决方案。 首先,让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器...

Global site tag (gtag.js) - Google Analytics