关闭

ie6 兼容整理《一》

179人阅读 评论(0) 收藏 举报
分类:

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;






0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1474次
    • 积分:73
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档