有人能告诉我是否可以在Firefox2(以及IE6)中使用它? http://collinatorstudios.com/ff2_test.html
我能够使用'-moz-inline-stack'hack来模拟内联块,但是看起来它忽略了position:relative,所以内联堆栈容器内位置绝对的元素不会出现在哪里他们应该..而不是他们在FF2页面的右上角...
我知道FF2已经过时,我可能不应该关心,但我想知道是否有办法实现这一点,而且我需要它在IE6中工作。
谢谢。
答案 0 :(得分:2)
不幸的是我不再有FF2为你测试这个,但我认为在这方面做的唯一方法是嵌套一个div并相对于嵌套div应用位置,这样它就在你的内部{{1} }
对于IE6,我认为对你的黑客的修改也适用于它..
变化:
li
为:
.item {
list-style-type: none;
height: 50px;
width: 50px;
position: relative;
border: 1px solid teal;
background: #00f;
display: -moz-inline-stack; /* for FF2 */
display: inline-block;
/* <ie hacks> */
zoom: 1;
*display: inline;
min-height: 50px;
_height: 50px; /* for ie6 */
/* </ie hacks> */
}
将 .item {
list-style-type: none;
height: 50px;
width: 50px;
position: relative;
border: 1px solid teal;
background: #00f;
display: -moz-inline-stack; /* for FF2 */
display: inline-block;
}
.item {/** IE Hacks **/
display: inline !ie7; /* should work for 6 as well */
_height: 50px; /* IE6 */
}
规则放在单独的规则集中意味着您不需要display:inline
,并且应该适用于IE6和7。
我只是移动了最小高度的黑客以保持它们在一起;) - 作为一个旁边我不知道为什么你有最小高度,因为你已经有一个高度规则进一步向上堆栈和第二高度规则(我删除)只是重复,所以也许你不需要IE6 min-height hack呢?