Chrome似乎是唯一一个以我想要的方式呈现代码的浏览器。
如果你注意到我的position:absolute
随着边框大小的增加而变化(在FF和IE中),但在chrome中不受影响(这正是我想要的)。
这是一个演示,请在chrome/ie/ff中试用,看看的区别
所有这些黑魔法的主要目的很简单,我需要.thumb:after
始终位于.thumb
的中心。如果你知道更好的方法,请告诉我。
编辑:已修复--已在FF和Chrome中检查(没有更新版本的IE)
http://jsfiddle.net/AyCKU/8/
去掉了边距:0 auto,只是用%来表示上边距、左边距和负边距。
基本上:使用CSS中垂直居中的方法之一(使用50%和负边距),并将其应用于垂直和水平居中。
我在Chrome+FF中有点乱,注意到如果你更改了:
.item .thumb:after
如果您将定位更改为固定并正确居中,它将在两种浏览器中都能工作。
在IE中试用一下,让我知道它是否有效。。