您现在的位置是：网站首页> 编程资料编程资料
IE6不兼容position:fixed属性的解决办法分享_浏览器兼容教程_CSS_网页制作_
2021-09-07
1013人已围观
简介 IE6下不兼容position:fixed属性！在网上也看了一些资料还是不行，特百度一下为大家找到如下代码
position: fixed;这个属性用起来确实很方便，可以轻松的实现固定位置的浮动层效果。但是，它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO，涉及左侧、右侧。及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动条时出现抖动的问题，另外在IE5或者怪癖模式下也完全正常，没有任何问题。如果你有更好的方案，欢迎来喷我。
下面是代码
position: fixed——webjx.com
建议在实际使用时，将IE条件注释中的代码放在单独的css文件中，以便节约其他浏览器的流量。
顺便顶一下微软的这个项目，现在有中文版了，建议广大前端er加入这一行列，尽快灭亡IE6
下面是代码
复制代码
代码如下:此处显示 id "demo" 的内容
此处显示 id "demo" 的内容
此处显示 id "demo" 的内容
此处显示 id "demo" 的内容
建议在实际使用时，将IE条件注释中的代码放在单独的css文件中，以便节约其他浏览器的流量。
顺便顶一下微软的这个项目，现在有中文版了，建议广大前端er加入这一行列，尽快灭亡IE6
相关内容
- css reset 重置样式介绍_CSS教程_CSS_网页制作_
- 水平居中一个不确定宽度区块的代码_CSS教程_CSS_网页制作_
- CSS网页制作 表单button的行高问题_CSS教程_CSS_网页制作_
- css中link和@import的区别分析详解_CSS教程_CSS_网页制作_
- 谈自适应宽度 _CSS教程_CSS_网页制作_
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)_CSS教程_CSS_网页制作_
- 怎么去掉form的高度(form不会撑出td)_CSS教程_CSS_网页制作_
- css中强制换行word-break、word-wrap、white-space区别实例说明_CSS教程_CSS_网页制作_
- 牛人也得看的15个CSS技巧(提高网页效率)_CSS教程_CSS_网页制作_
- IE6的inline-block _CSS_网页制作_
