ie6 兼容整理《一》

原创 2015年11月20日 09:43:07

1、IE7以前ul里如果加的有div,这个div会被加到最后li里面。

解决:把div换成li,里面填充改存放的东西。


2、ie6不识别transparent(透明)。

解决:-border-color:orange;

-filter:chroma(color=orange);

原理:先定义一个颜色,然后在把这个颜色过滤掉。“-”是针对ie6的cssHack。


3、ie6不识别!important

解决:ie6不是不支持!important,而是如果把属性写在一个选择器里,!important会不识别。

IE6显示错误理解:.demo显示为黑色
.demo { color:#F00!important; color:#000; }

这时.demo显示为红色 
.demo { color:#F00!important; color:#000; }
.demo { color:#000; }

http://blog.sina.com.cn/s/blog_7cc248520100t7fp.html

4、ie6对z-index的bug

ie6和7有一个bug,如果只对一个子元素设定z-index,这个值再高,也不能覆盖与父元素同级的其他元素。

通用的解决办法是对子元素的父元素也定义一个z-index的值。

<div class="container">
        <div class="test"></div>        
</div>
css:

.test {position:absolute; z-index:9999;}
div里面加一句

.container {z-index:100;}
如果container还有父级,就要在这个父级也定义一个z-index的值。。。。

另外,z-index有效的话还要

①、自身要有position:absolute\relative

②、父级标签不能有position:relative

③、自身标签不能有含有float属性。

http://blog.sina.com.cn/s/blog_93a6a0c30101fshd.html


5、zoom的作用深入理解


6、ie6的盒模型:

ie6和其他浏览器盒模型不一样,宽度=width+padding+border+margin.

一般块级元素要有height,如果只写padding、border或margin会出现高度塌陷,整体排版混乱。

解决:在不需要添加高度的标签添加-height:0;(只针对ie6有效)


7、alert(000000.....)不管有多少个0都会弹出一个0;

原因:还不知道


8、ie6的100%有异常

如父级的宽高给定值,在给子级加width:100%;height:100%;这时子级的宽高不是父级的宽高,

解决:给父级加overflow:hidden;






版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS在IE6下的一些BUG和兼容性问题及解决办法

兼容性一直是前端的一大问题,也是让前端工程师很头痛的事情,在浏览器中,各厂商都有一套属于自己的标准和方法,从某种程度上看,是否能很好的处理兼容性问题,体现着一个前端工程师的水平,下面看一下CSS在IE...
  • u012552049
  • u012552049
  • 2015年05月25日 00:08
  • 1307

IE6兼容性问题及解决办法汇总

1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双...
  • bboyjoe
  • bboyjoe
  • 2016年05月10日 11:28
  • 2204

HTML CSS的兼容性问题、IE6BUG之浮动与定位篇

IE6下内容撑开设置宽高———————————————————-在IE6下,内容会撑开设置好的宽高 例如,给固定宽度的wrap_div下放left_div、right_div两个div并浮动, ...
  • u014420383
  • u014420383
  • 2015年08月08日 16:45
  • 1188

IE6、7、8,火狐等浏览器常见兼容性问题整理

  • 2013年03月27日 16:09
  • 20KB
  • 下载

IE6特有bug兼容性问题整理

  • 2017年11月24日 23:10
  • 73KB
  • 下载

IE6 兼容问题整理

1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明  2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)...
  • qq_19865749
  • qq_19865749
  • 2016年10月17日 17:27
  • 187

【知识整理】本人整理ie6兼容问题的解决方法

了解ie历史的人都知道,前几天微软宣布停止对ie8、ie9、ie10进行版本更新及维护,这意味着浏览器厂商的规范又像w3c更近了一步,相信不久的将来广大前端工程师就不必再在考虑令人蛋疼的浏览器兼容性(...
  • qq_19891827
  • qq_19891827
  • 2016年01月21日 17:34
  • 600

CSS在IE6 IE7与FireFox下的兼容问题整理

  • 2009年03月13日 11:55
  • 56KB
  • 下载

阿里妈妈导航(整理出来的)兼容火狐,IE6,IE7

  • 2008年11月01日 15:46
  • 257KB
  • 下载

最全的CSS浏览器兼容问题整理(IE6、IE7)

  • 2011年05月10日 15:16
  • 38KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ie6 兼容整理《一》
举报原因:
原因补充:

(最多只允许输入30个字)