似乎 Chrome 是唯一一个以我想要的方式呈现我的代码的浏览器。
如果您注意到我position:absolute
的边框尺寸随着边框大小的增加而变化(在 FF 和 IE 中),但在 chrome 中不受影响(这正是我想要的)。
这是一个演示请在 chrome/ie/ff 中尝试一下,看看有什么不同
所有这些黑魔法的主要目的很简单,我需要.thumb:after
始终处于.thumb
. 如果您知道更好的方法,请告诉我。
编辑:已修复——在 FF 和 Chrome 中检查(没有更新版本的 IE)
取出边距:0 auto,只是将其保留在使用 %'s 作为顶部和左侧边距和负边距。
基本上:使用 CSS 中垂直居中的方法之一(使用 50% 和负边距)并将其应用于垂直和水平居中。
我在 Chrome + FF 中搞砸了一点,并注意到如果你改变:
.item .thumb:after
如果您将定位更改为固定并将其正确居中,它将在两种浏览器中均有效。
在 IE 中试一试,让我知道它是否有效..