首页 > 代码库 > ie6兼容之绝对定位元素内容为空时高度问题

ie6兼容之绝对定位元素内容为空时高度问题

正常显示:

 

 

 

 

ie6下显示:

line6元素高度最小16px;

 

解决办法:

添加内容在空的div里,并且设置行高即可。

其中,非ie6浏览器不需要再空的div里加无谓的内容,再次需要用“条件注释”来解决:

条件注释使用方法

 

1
2
3
4
5
6
<!--[if IE 5]>仅IE5.5可见<![endif]-->
<!--[if gt IE 5.5]>仅IE 5.5以上可见<![endif]-->
<!--[if lt IE 5.5]>仅IE 5.5以下可见<![endif]-->
<!--[if gte IE 5.5]>IE 5.5及以上可见<![endif]-->
<!--[if lte IE 5.5]>IE 5.5及以下可见<![endif]-->
<!--[if !IE 5.5]>非IE 5.5的IE可见<![endif]-->

 下面的代码是在非IE浏览器下运行的条件注释

1
2
3
4
5
6
<!--[if !IE]><!-->
/*您使用不是 Internet Explorer*/
<!--<![endif]-->
<!--[if IE 6]><!-->
/*您正在使用Internet Explorer version 6或者 一个非IE 浏览器*/
<!--<![endif]-->

ie6兼容之绝对定位元素内容为空时高度问题