FF/IE位置:绝对错误



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中试用一下,让我知道它是否有效。。

最新更新