Chrome似乎是唯一能够按照我想要的方式呈现代码的浏览器。
如果您注意到我的position:absolute
正在随着边框大小的增加而改变(在FF和IE中)但是在chrome中不受影响(这正是我想要的)。
Here is a demo请在chrome / ie / ff中尝试查看差异
所有这些黑魔法的主要目的很简单,我需要.thumb:after
始终位于.thumb
的中心。如果你知道更好的方式让我知道。
答案 0 :(得分:2)
编辑:修正 - 在FF和Chrome中检查(没有新版本的IE)
取出保证金:0自动,只需将%左右用于上下左边距和负边距。
基本上:使用CSS中的垂直居中方法之一(使用50%和负边距)并将其应用于垂直和水平居中。
答案 1 :(得分:0)
我在Chrome + FF中乱了一下,注意到你改变了:
.item .thumb:after
如果您将定位更改为固定并正确居中,则可在两种浏览器中使用。
在IE中试一试,让我知道它是否有效..