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

IE6下不兼容position:fixed属性!在网上也看了一些资料还是不行,特百度一下为大家找到如下代码

position: fixed;这个属性用起来确实很方便,可以轻松的实现固定位置的浮动层效果。但是,它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO,涉及左侧、右侧。及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5、IE6,且避免了js模拟时,拖动滚动条时出现抖动的问题,另外在IE5或者怪癖模式下也完全正常,没有任何问题。如果你有更好的方案,欢迎来喷我。
下面是代码

复制代码
代码如下:





position: fixed——webjx.com




此处显示 id "demo" 的内容

此处显示 id "demo" 的内容

此处显示 id "demo" 的内容

此处显示 id "demo" 的内容





建议在实际使用时,将IE条件注释中的代码放在单独的css文件中,以便节约其他浏览器的流量。
顺便顶一下微软的这个项目,现在有中文版了,建议广大前端er加入这一行列,尽快灭亡IE6

以上就是IE6不兼容position:fixed属性的解决办法分享的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程