关于浏览器兼容的点点滴滴

5

浏览器兼容除了不同的浏览器厂家外,万恶的微软推出了IE5、6、7、8,并且IE9马上就要问世了。

下面进入正题

1. 刚才发现的一个问题,DIV设置背景,DIV下LI无背景,在IE7下可显示出背景图片,IE6下背景图片不显示,LI设置background:none;仍然无效。
解决办法:为DIV加zoom:1;属性,zoom就是为IE6生的,这话一点不错。

2. IE6下带有浮动属性的元素MARIN值会是制定数值的两倍
解决办法:为元素加上display:inline属性,另外,浮动属性必须加宽度,且display:inline与float不可以作用在UL上

3. IE多了一只猪BUG 详情
解决办法:使用下面语句做注释

<!–[if !IE]> picRotate start <![endif]–>


4. 在IE6中< head>< /head>之间如果有< base target=”_blank”/>, position:relative层下的带float属性层内的文字无法选中。

5.IE6下文字与图片同时出现的元素中line-height失效。

<div style="line-height:20px"><img />文本</div>

解决办法:为图片和文字添加float。

待续。

共 5 条评论

  1. 回复

    路过,博客不错!

  2. 回复

    来看看!你的博客真漂亮! :mrgreen:

  3. 回复

    @cyusyu: 依旧是IE崩溃,你自己访问没问题的么?我是XP+IE7.0,访问你博客就崩溃,郁闷· 😮

  4. 回复

    我的还好,暂时没发现严重问题

回复 cyusyu X

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...