内联块在InternetExplorer 7，6中不起作用

Question

内联块在InternetExplorer 7，6中不起作用我有这个CSS代码inline-block..有人能告诉我如何在InternetExplorer 6和7中工作吗？有什么想法吗？也许我做错了什么？谢谢!#signup {    color:#FFF;    border-bottom:solid 1px #444;    text-transform:uppercase;    text-align:center;}#signup #left {    display: inline-block}#signup #right {    background-image:url(images/signup.jpg);    border-left: solid 1px #000;    border-right: solid 1px #000;    display: inline-block;     padding:1% 2%    width:16%;}#signup #right a { font-size:100%; font-weight:bold } #signup #right p { font-size:90%; font-weight:bold }    #signup a:hover  { color:#FFF; text-decoration:underline }

Answer 1

在IE6/IE7中，display: inline-block仅适用于以下元素：自然内联(如spans)。

使其在其他元素上工作，例如div你需要这个：

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;}

*display: inline使用要应用到的“安全”css黑客。只有IE7及以下.

关于IE6/7，zoom: 1提供哈斯莱..拥有“布局”是display: inline-block总是工作。

可以在保持有效的CSS的同时应用此解决方案，但这并不值得考虑，特别是如果您已经使用了任何供应商的前缀属性。

读这个有关display: inline-block(但忘了-moz-inline-stack，这只是现在古老的火狐2所需要的)。

Answer 2

我读过(但不能测试)你应该设置的_height: ###px也是如此，只有IE6和以下才能理解。假设你仍然关心一个已经正式失效的浏览器，也就是说。