/* 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 解决方案相关推荐

  1. 常见前端浏览器兼容问题及解决方案

    常见前端浏览器兼容问题及解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站 ...

  2. 【Web技术】1431- 总结前端主题切换的思考和现代前端样式的解决方案落地

    关于本文 来自:codercao https://juejin.cn/post/7106702604024938503 demo在线体验地址:https://hongqingcao.github.io ...

  3. 前端微服务化解决方案

    作者:Alili前端大暴炸的前端微服务化解决方案系列 链接:https://www.jianshu.com/u/2aa7a9ad33ad 来源:简书 著作权归作者所有.商业转载请联系作者获得授权,非商 ...

  4. 9种常见的前端跨域解决方案

    9种常见的前端跨域解决方案(详解) 2019.09.02 21:54 73879浏览 一.什么是跨域?   在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制. ...

  5. 前端异常监控解决方案研究

    摘要: 异常监控不复杂也不简单啊... 原文:前端异常监控解决方案研究 作者:frustigor 前端监控包括行为监控.异常监控.性能监控等,本文主要讨论异常监控.对于前端而言,和后端处于同一个监控系 ...

  6. 关于文件导出(下载)功能不兼容IE浏览器的解决方案

    关于文件导出(下载)功能不兼容IE浏览器的解决方案 参考文章: (1)关于文件导出(下载)功能不兼容IE浏览器的解决方案 (2)https://www.cnblogs.com/padaleidelei ...

  7. 基于webpack的前端工程化开发解决方案探索(一):动态生成HTML

    基于webpack的前端工程化开发解决方案探索(一):动态生成HTML 参考文章: (1)基于webpack的前端工程化开发解决方案探索(一):动态生成HTML (2)https://www.cnbl ...

  8. 在anaconda中运行jupyter notebook,无法自动打开浏览器的解决方案,亲测100%有效

    运行jupyter notebook,无法自动打开浏览器的解决方案 第一步 找到 Jupyter_notebook_config.py文件,无论你anaconda装在哪个盘,这个文件一般都在C盘,我的 ...

  9. 360浏览器linux版本_360安全浏览器崩溃解决方案

    360安全浏览器崩溃解决方案方案一:打开360安全浏览器,按键盘上的F1调出浏览器医生界面,点击一键修复即可.如图所示:方案二:360浏览器打开了太多标签占用内存,并且随着浏览器开着的时间越长,占用内 ...

  10. atitit.浏览器插件解决方案----ftp插件 attilax 总结

    atitit.浏览器插件解决方案----ftp插件  attilax 总结 1. 界面概览  D:云盘同步文件夹p5p5f tp.demo.html1 2. 初始化1 3. 事实调用2 4. 参考2 ...

最新文章

  1. 真正掌握vuex的使用方法(六)
  2. Memcache 中实现消息队列
  3. 微信灰度测试“相关阅读”功能 公众号文章下推荐延伸内容
  4. linux shell脚本中 if 条件判断
  5. eclipse不能自动编译生成class文件的解决办法
  6. 热烈庆贺本博客9级及排名138
  7. springboot导出pdf文件(简历)
  8. win10系统迁移后系统重装_win10系统迁移超简单!详细步骤解析
  9. 函数的梯度方向和切线方向_导数、方向导数与梯度
  10. 移动端框架之mand-mobile
  11. python打包加密工具:Pyinstaller和Nuitka
  12. php12生肖是哪个,十二生肖对应的数字
  13. c语言一个等于号与两个等于号的区别
  14. 解决 Java 加载 pfx 报密码错误
  15. chrome浏览器使用js导出Excel出现网络错误
  16. 计算机网络 | 计算机网络体系结构
  17. 操作系统_第二章_UNIX操作系统简介
  18. CPC认证是什么?儿童玩具CPC认证
  19. CUDA的VC2005配置
  20. 2022年湖南省自考考试学前教育政策与法规练习题及答案

热门文章

  1. 维特比算法一点个人理解
  2. 只不过窗口没有停留 一闪而过
  3. linux之Fedora 20 开启telnet服务
  4. NYOJ水题--最短街区问题
  5. Tuxera Ntfs for mac内核扩展批准不了怎么办 手动批准mac内核扩展
  6. Docker 安装 Redis 并配置 Docker 方式的 phpRedisAdmin
  7. 关于iOS13 的一些适配
  8. 运用思维导图学习数据分析的五个步骤
  9. CTP Java 版(Swig)
  10. 虽然今天angular5发布了,但我还是吧这篇angularjs(1)+webpack的文章发出来吧哈哈哈...