ie6,ie7,ie8完美支持position-fixed的终极解决方案
对于使用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浏览器上实现固定定位效果的情况。
编程语言
- ie6,ie7,ie8完美支持position-fixed的终极解决方案
- ThinkPHP CURD方法之table方法详解
- JavaScript解析任意形式的json树型结构展示
- .Net遍历窗体上控件的方法
- JS取数字小数点后两位或n位的简单方法
- JavaScript中eval()函数用法详解
- php代码审计比较有意思的例子
- javascript获取当前的时间戳的方法汇总
- sql server实现分页的方法实例分析
- mysql 5.7.14 安装配置方法图文详细教程
- 使用visual studio自动创建IIS虚拟目录
- vue 封装自定义组件之tabal列表编辑单元格组件实
- iis6手工创建网站后无法运行php脚本的解决方法
- 用JSP下载word文件(不会直接用IE打开)
- jQuery实现 RadioButton做必选校验功能
- 递归实现php数组转xml的代码分享