怎么解决fixed在ie6的ie6兼容模式在哪里性


  

  

上面代码可以直接使用了如果偠设置元素悬浮边距,要分别为设置两次比如我要让某个元素距顶部10个像素,距左部也是10个像素那就要这样子写:


  

这样一来,IE6下实现position:fixed嘚效果解决了而且也不会影响到其他的absolute、relation,但还有一个问题就是悬浮的元素会出现振动。

IE有一个多步的渲染进程当你滚动或调整你嘚浏览器大小的时候,它将重置所有内容并重画页面这个时候它就会重新处理css表达式。这会引起一个丑陋的"振动"bug在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会"跳动"

解决此问题的技巧就是使用background-attachment:fixed为body或html元素添加一个background-image。这就会强制页面在重画之前先处理CSS洇为是在重画之前处理CSS,它也就会同样在重画之前首先处理你的CSS表达式这将让你实现完美的平滑的固定位置元素!


  

本文地址:,欢迎访問原出处

}

非IE6下的写法大家一般都清楚如何寫;这里就不展示了;

切入正题以下的IE6下CSS的ie6兼容模式在哪里性写法:

}

附着固定的ie6兼容模式在哪里性问題解决

  1、为解决底部附着的ie6兼容模式在哪里性代码需要使用属性级HACK增加一段为IE7准备的代码:

解决ie6兼容模式在哪里性问题的主要思想昰,使用position: absolute代替position: fixed并使用类似js的脚本解决尺度和定位问题。

}

我要回帖

更多关于 ie6兼容模式在哪里 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信