您现在的位置是：网站首页> 编程资料编程资料

IE6不兼容position:fixed属性的解决办法分享_浏览器兼容教程_CSS_网页制作_

2021-09-07 1004人已围观

简介 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

上一篇：css reset 重置样式介绍_CSS教程_CSS_网页制作_

下一篇：巧用CSS3 border实现图片遮罩效果代码_css3_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网