Internet explorer 内联块不';t在internet explorer 7、6中工作

Internet explorer 内联块不';t在internet explorer 7、6中工作,internet-explorer,internet-explorer-7,internet-explorer-6,css,Internet Explorer,Internet Explorer 7,Internet Explorer 6,Css,我有一个带有内联块的CSS代码。谁能告诉我如何使它在InternetExplorer6和7中工作。有什么想法吗?也许我做错了什么?谢谢大家! #signup { color:#FFF; border-bottom:solid 1px #444; text-transform:uppercase; text-align:center; } #signup #left { display: inline-block } #signup #right { backg

我有一个带有
内联块的CSS代码。谁能告诉我如何使它在InternetExplorer6和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 }

在IE6/IE7中,
display:inline块
仅适用于自然内联的元素(例如
span
s)

要使其在其他元素(如
div
s)上工作,您需要:

#您的元素{
显示:内联块;
*显示:内联;
缩放:1;
}
*display:inline
使用“安全的”CSS攻击应用于

对于IE6/7,
zoom:1
提供。拥有“布局”是
显示:内联块始终工作的先决条件

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


有关
display:inline block
的更多信息(但请忘记
-moz-inline stack
,这只是现在古老的Firefox2所需要的)。

*display:inline
IE7 hack一样工作正常。但是,您可以将
zoom:1
作为
*背景:#fff*显示:内联;缩放:1
。在这里,你可以把你的背景颜色代码。有时,您将看不到屏幕上的布局,例如,列表项将不会出现在屏幕上。然后,在这种情况下,它工作得很好,并且像在其他浏览器中一样出现。

我读过(但无法测试)您应该设置
\u高度:###px
,这只有IE6及以下版本才能理解。假设你仍然关心一个已经正式死亡的浏览器,也就是说。关于这个问题的一篇好文章,也涵盖了Firefox2和IE5.5&6:使用这些黑客的一个警告是,我们不知道未来的浏览器将如何解析前面的星号。我建议在单独的样式表中使用条件IE语句,这将促进这些黑客行为。@JackWilliams:所有明智的“未来浏览器”都将进行单元测试,以防止出现问题。例如,一个随机的WebKit。你不必担心,任何新的浏览器都不会接受带有垃圾邮件的属性。