如何修复显示:inline-block在IE6? [英] How to fix display:inline-block on IE6?

查看:139
本文介绍了如何修复显示:inline-block在IE6?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在IE6上修复 display:inline-block;



我的html页面



奖金:



您还应指定 display:inline; .ImageSlideShow .ImageNum {} 以减轻另一个IE错误。


How to fix display:inline-block; on IE6 ?

My html Page http://www.faressoft.org/tutorialTools/slideShow/

can I get the same result in other way ?

解决方案

You have to re-specify display:inline; on block level elements in your IE style sheets.

HTML:

<div class="ImageSlideShow">blah</div>

REGULAR CSS:

.ImageSlideShow { display:inline-block; } 

IE CSS:

<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->

See: http://work.arounds.org/using-inline-block-ie7-and-ie6/

BONUS:

You should also specify display:inline; for .ImageSlideShow .ImageNum {} to alleviate another IE bug.

这篇关于如何修复显示:inline-block在IE6?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆