jquery - Google Chrome 和 Firefox - div 的不同排序

Question

很简单:http://jsfiddle.net/urgT8/

在 Chrome 上，ABC 按钮位于 .moreinfo div 上方，在 Firefox 中，它们位于下方。为什么会发生这种情况以及如何解决？

Answer 1

据我所知，Firefox 正在做正确的事情。

一旦 -webkit-filter 被删除，它在 Chrome 中也会被破坏:http://jsfiddle.net/thirtydot/urgT8/2/

显然，由于 -webkit-filter，Chrome 仅在顶部显示 ABC 按钮。这是否是一个错误，我不能说。

无论如何，您可以通过 .info .dugmici 上的 position: relative 解决所有浏览器中的问题。

固定演示:http://jsfiddle.net/thirtydot/urgT8/1/