内联块在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和以下才能理解。假设你仍然关心一个已经正式失效的浏览器，也就是说。