按网上的说明,下面的这段css中的_top好像起不到作用.
代码如下 | 复制代码 |
.jumpbox{ _top: expression(eval(document.compatMode && |
后来百度了一下
加上个属性
代码如下 | 复制代码 |
_top:expression(eval(document.documentElement.scrollTop)); |
就OK了!
利用IE特殊支持的CSS表达式以及position:absolute完美解决这个BUG。。
PS.以上方法还需要在html加入如下属性:
代码如下 | 复制代码 |
background-image:url(about:blank); |
最后我们再来整理一下
1、ie6下 position:fixed 设置
#bot-fixed{position:fixed;_postion:absolute;bottom:0;_bottom:auto;right:20px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
2、元素固定在浏览器的顶部和底部设置方法(针对IE6)
A:元素固定在浏览器的顶部:
代码如下 | 复制代码 |
#bot-fixed{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} |
B:元素固定在浏览器的底部:
代码如下 | 复制代码 |
#bot-fixed{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} |
3、解决position:fixed 层闪烁 的方法
在css样式表中添加
代码如下 | 复制代码 |
*html{ background-image:url(about:blank); background-attachment:fixed; } |
属性
我们也可以使用js来解决些问题了
代码如下 | 复制代码 |
g1 = (getClientHeight() – o.height) / 2;//1000px总 元素高300px 则 g1=350px }) } |
美味餐厅模拟经营模拟器
美味餐厅模拟经营模拟器带来深度沉浸的餐饮管理体验,您将化身餐
高校模拟器2025汉化版
高校模拟器2025是一款很好玩的模拟手游,游戏是以女子高中的
一亿小目标手游
如果让你的人生从来,你可以像王健林一样霸气的表示一亿小目标吗
一亿小目标手机版2019
一亿小目标手机版2019趣味休闲模拟游戏,玩家在游戏中将会通
巴啦啦梦幻餐厅
巴啦啦梦幻餐厅是一款充满魔幻色彩的二次元模拟经营手游,游戏界