您现在的位置是：网站首页> 编程资料编程资料
ie6 fixed bug的解决方法 (css+js)_CSS教程_CSS_网页制作_
2023-10-31
126人已围观
简介 ie6 fixed bug (css+js)解决方法，需要的朋友可以参考下。
复制代码
代码如下:#fixed {
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
}
body > #fixed {
position: fixed;
}
#content {
margin-left: 10em;
background:red;
height:800px;
}
利用css选择器覆盖原position的属性值；
fixed层的父层需是body才能这样实现；
但是这样还不完美 并不能完全实现效果，因为不会随body页面拉动而滚动
要实现随body页面滚动而滚动 需添加以下js代码
复制代码
代码如下:豆瓣的弹出登陆框就是利用这样的方式实现的，当然要在js代码上加 if IE6的
到此，加上通过js判断屏幕分辨率进而改变弹出框的位置，使其更加合理化，就基本完成了豆瓣弹出登陆款的实现
然而这个在ie6下存在拖动滚动条引起登陆框闪动的问题，为解决这个问题可以利用css e xpression 代价是更高的内存占用
复制代码
代码如下:这里是大量的br换行标签。
show
since1984应该利用类似的技术实现其底部半透明框框
相关内容
- 崩坏学园2武器升级详解 武器如何升级强化_手机游戏_游戏攻略_
- 秦时明月手游教大家刷大量元宝的方法_手机游戏_游戏攻略_
- 崩坏学园2账号怎么绑定 如何注册登录_手机游戏_游戏攻略_
- 崩坏学园2邀请码如何发送 怎么兑换邀请码_手机游戏_游戏攻略_
- 放开那三国新手开局 新手武将搭配攻略_手机游戏_游戏攻略_
- 放开那三国新手阵容 新手武将上阵阵容_手机游戏_游戏攻略_
- 放开那三国每日任务 每日任务奖励介绍_手机游戏_游戏攻略_
- 放开那三国孙策 孙策属性技能介绍_手机游戏_游戏攻略_
- 神之刃最强战宠推荐 战宠获得方法_手机游戏_游戏攻略_
- 神之刃三大职业刷图效率排行榜 最佳职业排行_手机游戏_游戏攻略_
