您现在的位置是:网站首页> 编程资料编程资料
IE6 position:fixed bug (固定窗口方法)_浏览器兼容教程_CSS_网页制作_
2021-09-08
931人已围观
简介 今天herb同学在twitter上问到,如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题,不过,当时并没有解决,用JS有现成的方法,不过,这次要求的就是不用JS。
然后,开始写代码,测试,最终,IE6下依然有问题。position:fixed;没有正常显示。

正确的代码:预览/Demo | ie6_position_fixed_bug.txt(源代码)
提示:您可以先修改部分代码再运行
在别的文章中看到,可以用position:absolute;来解决IE6的问题,不过,添加position:absolute;之后,依然没有成功。当然,最终,还是用position:absolute;来解决。只是,不一定能成功。因为,有一句非常重要的话需要理解。

正确的代码:预览/Demo | ie6_position_fixed_bug.txt(源代码)
提示:您可以先修改部分代码再运行
在别的文章中看到,可以用position:absolute;来解决IE6的问题,不过,添加position:absolute;之后,依然没有成功。当然,最终,还是用position:absolute;来解决。只是,不一定能成功。因为,有一句非常重要的话需要理解。
fixed元素的绝对位置是相对于HTML元素来说,滚动条是body元素的。(via,刚才竟然没找到来源,
相关内容
- 10个技巧帮你搞定IE 6_浏览器兼容教程_CSS_网页制作_
- CSS Hack 区分 IE6 / IE7 /IE8 /Firefox_浏览器兼容教程_CSS_网页制作_
- IE6 bug修正的10个小技巧 推荐_浏览器兼容教程_CSS_网页制作_
- 关于table的width:100%和margin导致溢出_CSS教程_CSS_网页制作_
- 浮动的ul背景及图片的边框的使用_CSS教程_CSS_网页制作_
- IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法_浏览器兼容教程_CSS_网页制作_
- IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug_浏览器兼容教程_CSS_网页制作_
- IE6/7/8/9中table元素align=center权重比margin:0大的实例说明_浏览器兼容教程_CSS_网页制作_
- 一个关于CSS Z-index 的东东,解决了我很多疑问_CSS教程_CSS_网页制作_
- CSS中背景background-position负值定位深入理解[图文]_CSS教程_CSS_网页制作_
点击排行
本栏推荐
-
魔兽世界TBC黑庙三脸打断高亮提醒WA 支持进入P2后提示下一棒打断_网络游戏_游戏攻略_
-
cf无条件领全新雷神活动地址2022 CF2月1日大年初一活动网址_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服团本装备交易倒计时wa 支持通报/可自定义设置时间间隔_网络游戏_游戏攻略_
-
魔兽世界9.2初诞者圣墓boos黑伦杜斯炸圈WA 高亮监控炸圈时间_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服T6双本黑暗神殿和海山开门任务流程_网络游戏_游戏攻略_
-
炉石传说乱斗疯狂的冬幕节首胜卡组攻略 乱斗疯狂的冬幕节卡组推荐2021_网络游戏_游戏攻略_
-
炉石传说奥妮克希亚谜题1-8关解谜攻略 晨拥谜题攻略大全_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界TBC黑庙三脸打断高亮提醒WA 支持进入P2后提示下一棒打断_网络游戏_游戏攻略_
- cf无条件领全新雷神活动地址2022 CF2月1日大年初一活动网址_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服团本装备交易倒计时wa 支持通报/可自定义设置时间间隔_网络游戏_游戏攻略_
- 魔兽世界9.2初诞者圣墓boos黑伦杜斯炸圈WA 高亮监控炸圈时间_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服T6双本黑暗神殿和海山开门任务流程_网络游戏_游戏攻略_
- 炉石传说乱斗疯狂的冬幕节首胜卡组攻略 乱斗疯狂的冬幕节卡组推荐2021_网络游戏_游戏攻略_
- 炉石传说奥妮克希亚谜题1-8关解谜攻略 晨拥谜题攻略大全_网络游戏_游戏攻略_