兼容ie6,ie7,firefox的漂浮窗完美解决方案
来源:互联网 发布:ubuntu怎么创建文件夹 编辑:程序博客网 时间:2024/05/18 02:29
ie6下使用css中的动态函数或js定时器实现漂浮功能时会有闪烁现象,下面这个方法纯粹使用css,可以完美解决此问题。
- <div id="floatbody" style="z-index:999;position:fixed;bottom:0;left:0;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;height:43px;width:100%;text-align:center;">div>
上面代码已经可以满足普通需求,唯一缺陷就是在ie6下随着滚动条滚动时该div块会随之闪动,不像firefox下表现的那般稳如泰山。要解决该问题,还需要补充2点:
1:页首的规范声明应如下:(针对ie6)
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.为body的style属性添加如下内容:
- background-image:url(anyname.jpg);background-attachment:fixed;
(第二点中的背景图片可以随意填写,不需要真实图片路径)
本文系个人原创,更多细节详见我的博客:http://richard.cnlife.org/
- 兼容ie6,ie7,firefox的漂浮窗完美解决方案
- 完美的hr-兼容各个浏览器firefox,ie6,ie7
- 完美的hr-兼容各个浏览器firefox,ie6,ie7
- 兼容IE6 IE7 Firefox的CSS
- IE6、IE7、Firefox之间的兼容写法:
- 兼容Ie6,Ie7,Firefox的办法
- ie6,ie7,firefox 不兼容及解决方案,收集
- ie6,ie7,firefox 不兼容及解决方案,收集
- ie6,ie7,firefox 不兼容及解决方案,收集
- ie6,ie7,firefox 不兼容及解决方案,收集
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox兼容CSS的解决方法
- 兼容IE6、IE7和Firefox的CSS下拉菜单
- CSS兼容IE6,IE7,FIREFOX的一些收集
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- 使用 WHEN、WHENNOT 和 WHENCHANGED 条件
- [转]Android多媒体框架3月变化
- 大学生活之感想
- 了解 WS-Security
- js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
- 兼容ie6,ie7,firefox的漂浮窗完美解决方案
- 从开发到测试
- 安装中文字体
- 智能PDA开发方案(嵌入式应用)-1
- 产品经理--过来人经验之谈
- 图解VS.NET安装包制作(以Web部署为例)
- 利用JAVA操作EXCEL文件
- 嵌入式系统
- 彻底转变流,第 1 部分