ie6,ie7,ie8完美支持position-fixed的终极解决方案

网络编程 2025-03-13 21:18www.168986.cn编程入门

对于使用IE6浏览器对position:fixed属性的支持问题,网上确实存在诸多解决方案。一些方案在IE6和IE7上调试成功,但在IE8上却出现了问题,导致div层仍然会随着滚动条浮动。这里有一种经过测试并成功应用于IE6、IE7和IE8的方法,让页面滚动时,div层效果稳定且不会闪烁。

以下是如何实现的示例代码:

HTML部分:

```html

```

CSS部分:

```css

.fixed {

position: fixed; / 对于火狐等其他浏览器需要设置的 /

left: 700px; / 同上 /

width: 30px;

height: 30px;

cursor: pointer;

display: none; / 默认不显示 /

}

.ie {

_position: absolute; / IE下的固定定位替代方案 /

_clear: both; / 清除浮动 /

_expression(eval(document.patMode && document.patMode=='CSS1Compat' ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1)); / IE下的位置修正表达式 /

}

```

此方法巧妙地利用了CSS的特性,针对IE浏览器特有的属性进行了特别处理,确保在滚动时div层能够保持预期的位置不会浮动或闪烁。这种方法不仅适用于IE6、IE7和IE8,而且代码简洁明了,易于理解和维护。在浏览网页时,您将享受到更加流畅和稳定的体验。该方法的实现还使用了JavaScript(可能是通过某种库或框架,如Cambrian的render方法),以进一步增强页面的交互性和用户体验。这是一种非常有效的解决方案,适用于需要在旧版IE浏览器上实现固定定位效果的情况。

上一篇:ThinkPHP CURD方法之table方法详解 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by