html - 标签样式在 ie6 中不起作用

Question

我有一个页面并排显示两个链接。这适用于除 IE6 之外的所有浏览器。 Here's the link to the fiddle .有谁知道为什么会发生这种情况，以及如何解决它？

在 IE6 上的结果:

Answer 1

那是因为 IE 7 及更低版本不支持 display:inline-block默认 block元素。

如果你想要一个 display:inline-block 的元素你可以:

• 使用默认 inline元素(例如 <span> )并设置 display:inline-block对它
• 使用默认 block元素(例如 <div> )并设置 display:inline对它

你有 <div>元素，所以你需要:

<!--[if lte IE 7]>
<style type="text/css">
.dialog-button, .horizontal-dialog-divider {
    display: inline;
}
</style>
<![endif]-->

在这里查看:http://jsfiddle.net/uQUTc/1/

它在 IE7 上有效，但也许在 IE6 上这个技巧不起作用(我没有它，所以我无法测试它)。

但说真的，你为什么要为 IE6 编程？它非常旧，而且不是兼容的浏览器。

编辑:

如果要对齐元素，可以使用

.dialog-button,.horizontal-dialog-divider,.dialog-text{vertical-align:middle}

在这里查看:http://jsfiddle.net/uQUTc/3/