FF / IE位置:绝对错误

时间:2012-07-17 00:09:54

标签: html css

Chrome似乎是唯一能够按照我想要的方式呈现代码的浏览器。

如果您注意到我的position:absolute正在随着边框大小的增加而改变(在FF和IE中)但是在chrome中不受影响(这正是我想要的)。

Here is a demo请在chrome / ie / ff中尝试查看差异

所有这些黑魔法的主要目的很简单,我需要.thumb:after始终位于.thumb的中心。如果你知道更好的方式让我知道。

2 个答案:

答案 0 :(得分:2)

编辑:修正 - 在FF和Chrome中检查(没有新版本的IE)

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

取出保证金:0自动,只需将%左右用于上下左边距和负边距。

基本上:使用CSS中的垂直居中方法之一(使用50%和负边距)并将其应用于垂直和水平居中。

答案 1 :(得分:0)

我在Chrome + FF中乱了一下,注意到你改变了:

.item .thumb:after

如果您将定位更改为固定并正确居中,则可在两种浏览器中使用。

在IE中试一试,让我知道它是否有效..