Firefox2顯示：內聯塊黑客與位置：相對不工作

任何人都可以告訴我，如果有可能使這項工作在Firefox2（也IE6）？ http://collinatorstudios.com/ff2_test.html Firefox2顯示：內聯塊黑客與位置：相對不工作

我能夠仿效內聯塊的「-moz-直列棧」劈，但是看來，它忽略位置：相對的，所以隨位置元素直列堆容器內絕對不會出現相對於他們應該在哪裏..相反，他們是在頁面的右上角FF2 ...

我知道FF2已經過時，我可能不應該在乎，但我想知道是否有辦法實現這個，我也需要它在IE6中工作。

謝謝。

來源

2011-04-03 patrick

不幸的是，我不再有FF2測試這個給你，但我認爲在工作中做出的唯一辦法就是要嵌套DIV和相對位置應用於div嵌套所以這將是你內心的li

爲IE6我想的改變你的黑客應該適用於它太..

變化：

.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規則在一個單獨的規則集意味着你不需要zoom，它應該爲這兩個IE6工作和7 我剛搬來的最小高度破解，讓他們一起） - 作爲除了我不確定爲什麼你有最小高度，因爲你已經有了一個高度規則，並且第二個高度規則（我刪除了）只是在重複，所以也許你不需要IE6 min-無論如何高度破解？

來源

2011-04-03 08:57:36 clairesuzy

Firefox2顯示：內聯塊黑客與位置：相對不工作

回答

相關問題