关于前端浏览器 IE6bug 解决方案
/* position:fixed IE6bug解决方案 */
/* 让修复IE6 position:fixed不可用的Bug! */
/* 头部固定 */
.fixed-top{position:fixed;bottom:auto;top:0px;}
/* 底部固定 */
.fixed-bottom{position:fixed;bottom:0px;top:auto;}
/* 左侧固定 */
.fixed-left{position:fixed;right:auto;left:0px;}
/* 右侧固定 */
.fixed-right{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 /
/ 修正IE6振动bug */
* html, * html body{background-image:url(about:blank);background-attachment:fixed;}
/* IE6 头部固定定位 */
* html .fixed-top{position:absolute;bottom:auto;
top:expression(eval(document.documentElement.scrollTop));}
/* IE6 右侧固定定位 */
* html .fixed-right{position:absolute;right:auto;
left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));}
/* IE6 底部固定定位 */
* html .fixed-bottom{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)));}
/* IE6 左侧固定定位 */
* html .fixed-left{position:absolute;right:auto;
left:expression(eval(document.documentElement.scrollLeft));}
IE6支持兼容min-width、max-width CSS样式属性
1、IE6支持max-width解决方法
IE6支持最大宽度,解决CSS代码:
.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;}
说明:max-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;则是让IE6支持max-width替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持max-width的CSS样式代码,完整:
max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;
这里的1000和1000px是你需要的数值,注意3个数值的相同。
设置最大max-width的时候别忘记加上overflow:hidden;
2、IE6支持min-width解决方法
IE6支持最小宽度,解决CSS代码:
.yangshi{min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");}
说明:min-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");则是让IE6支持min-width替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持min-width的CSS样式代码,完整:
min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
这里的1000和1000px是你需要的数值,注意3个数值的相同。
3、让IE6支持min-width同时又支持max-width解决方法
让IE6即支持最小宽度又支持最大宽度限制设置。这种情况我们常常碰到对图片控制,让不确定大小的图片,如果太宽,不能超出一定范围值,小的时候不控制他的方法,用到CSS代码:
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));
对图片控制CSS完整代码:
img{max-width:620px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
这里说明:图片不能超出大于620px的宽度,又不小于1像素的宽度。
让所有浏览器包括IE6浏览器支持最大宽度又支持最小宽度DIV CSS代码:
.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
关于前端浏览器 IE6bug 解决方案相关推荐
- 常见前端浏览器兼容问题及解决方案
常见前端浏览器兼容问题及解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站 ...
- 【Web技术】1431- 总结前端主题切换的思考和现代前端样式的解决方案落地
关于本文 来自:codercao https://juejin.cn/post/7106702604024938503 demo在线体验地址:https://hongqingcao.github.io ...
- 前端微服务化解决方案
作者:Alili前端大暴炸的前端微服务化解决方案系列 链接:https://www.jianshu.com/u/2aa7a9ad33ad 来源:简书 著作权归作者所有.商业转载请联系作者获得授权,非商 ...
- 9种常见的前端跨域解决方案
9种常见的前端跨域解决方案(详解) 2019.09.02 21:54 73879浏览 一.什么是跨域? 在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制. ...
- 前端异常监控解决方案研究
摘要: 异常监控不复杂也不简单啊... 原文:前端异常监控解决方案研究 作者:frustigor 前端监控包括行为监控.异常监控.性能监控等,本文主要讨论异常监控.对于前端而言,和后端处于同一个监控系 ...
- 关于文件导出(下载)功能不兼容IE浏览器的解决方案
关于文件导出(下载)功能不兼容IE浏览器的解决方案 参考文章: (1)关于文件导出(下载)功能不兼容IE浏览器的解决方案 (2)https://www.cnblogs.com/padaleidelei ...
- 基于webpack的前端工程化开发解决方案探索(一):动态生成HTML
基于webpack的前端工程化开发解决方案探索(一):动态生成HTML 参考文章: (1)基于webpack的前端工程化开发解决方案探索(一):动态生成HTML (2)https://www.cnbl ...
- 在anaconda中运行jupyter notebook,无法自动打开浏览器的解决方案,亲测100%有效
运行jupyter notebook,无法自动打开浏览器的解决方案 第一步 找到 Jupyter_notebook_config.py文件,无论你anaconda装在哪个盘,这个文件一般都在C盘,我的 ...
- 360浏览器linux版本_360安全浏览器崩溃解决方案
360安全浏览器崩溃解决方案方案一:打开360安全浏览器,按键盘上的F1调出浏览器医生界面,点击一键修复即可.如图所示:方案二:360浏览器打开了太多标签占用内存,并且随着浏览器开着的时间越长,占用内 ...
- atitit.浏览器插件解决方案----ftp插件 attilax 总结
atitit.浏览器插件解决方案----ftp插件 attilax 总结 1. 界面概览 D:云盘同步文件夹p5p5f tp.demo.html1 2. 初始化1 3. 事实调用2 4. 参考2 ...
最新文章
- 真正掌握vuex的使用方法(六)
- Memcache 中实现消息队列
- 微信灰度测试“相关阅读”功能 公众号文章下推荐延伸内容
- linux shell脚本中 if 条件判断
- eclipse不能自动编译生成class文件的解决办法
- 热烈庆贺本博客9级及排名138
- springboot导出pdf文件(简历)
- win10系统迁移后系统重装_win10系统迁移超简单!详细步骤解析
- 函数的梯度方向和切线方向_导数、方向导数与梯度
- 移动端框架之mand-mobile
- python打包加密工具:Pyinstaller和Nuitka
- php12生肖是哪个,十二生肖对应的数字
- c语言一个等于号与两个等于号的区别
- 解决 Java 加载 pfx 报密码错误
- chrome浏览器使用js导出Excel出现网络错误
- 计算机网络 | 计算机网络体系结构
- 操作系统_第二章_UNIX操作系统简介
- CPC认证是什么?儿童玩具CPC认证
- CUDA的VC2005配置
- 2022年湖南省自考考试学前教育政策与法规练习题及答案