Question

有人能告诉我是否可以在Firefox2（以及IE6）中使用它？ http://collinatorstudios.com/ff2_test.html

我能够使用'-moz-inline-stack'hack来模拟内联块，但是看起来它忽略了position：relative，所以内联堆栈容器内位置绝对的元素不会出现在哪里他们应该..而不是他们在FF2页面的右上角...

我知道FF2已经过时，我可能不应该关心，但我想知道是否有办法实现这一点，而且我需要它在IE6中工作。

谢谢。

Answer 1

不幸的是我不再有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呢？

Firefox2显示：内联块黑客的位置：相对不起作用

1 个答案: