FF/IE位置：絕對錯誤

看來Chrome是唯一按照我想要的方式呈現我的代碼的瀏覽器。FF/IE位置：絕對錯誤

如果你注意到我的position:absolute隨着邊框尺寸的增加而改變（在FF和IE中），但是在chrome中（這正是我想要的）不受影響。

Here is a demo請嘗試在Chrome瀏覽器/ IE/FF看出差別

這一切的黑魔法的主要目的很簡單，我需要.thumb:after永遠是在.thumb中心。如果你知道更好的方式，讓我知道。

2012-07-17 vvMINOvv

編輯：固定 - 經過在FF和Chrome（不具備IE的新版本）

http://jsfiddle.net/AyCKU/8/

取消保證金：0自動，只是將它留在使用％的頂部和左側和負邊距。

基本上：在CSS中使用垂直居中方法之一（使用50％和負邊距）並將其應用於垂直居中和水平居中。

2012-07-17 01:28:33 DaiYoukai

這實際上正是我所做的，但它打破鉻....大聲笑有趣的世界 – vvMINOvv 2012-07-17 01:34:19

我的好先生.....我會給你有一個THE INTERWEBS !!!! 謝謝你一噸！ – vvMINOvv 2012-07-17 02:37:40

我搞砸周圍一點點在Chrome + FF，如果你改變注意：

.item .thumb:after

如果你改變了定位，固定和妥善中心，它就會在這兩個瀏覽器。

給它在IE中了一槍，讓我知道，如果它的工作原理..

2012-07-17 01:01:42 Anon

謝謝，只有這樣，因爲頁面上沒有其他項目。嘗試你的CSS在這個小提琴而不是http://jsfiddle.net/AyCKU/4/ – vvMINOvv 2012-07-17 01:04:51

回答