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

时间:2011-04-03 08:38:52

标签: firefox css

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

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

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

谢谢。

1 个答案:

答案 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呢?