Firefox 和 Chrome CSS 绝对定位问题

【问题标题】：Firefox and Chrome CSS Absolute Positioning problemFirefox 和 Chrome CSS 绝对定位问题
【发布时间】：2011-04-06 03:59:59
【问题描述】：

这是有问题的网站：http://www.eportfolio.jameswmann.com/ 在“音乐”部分。图片“新”。

.new 在 Google Chrome 中正确显示 - 在 Firefox 中，它完全位于错误的位置。

如果 jQuery 使用 'block' 或 'inline-block' 而不仅仅是 'inline' 来为我的 span 设置动画，这个问题就可以解决

我不确定是否应该修复 jQuery 动画或修复 2 个浏览器之间的放置问题。

【问题讨论】：

【解决方案1】：

您可以尝试使用 css 重置样式表将所有内容设置为相同，并定义您想要的标签，以便所有浏览器中的所有内容都一致。试试这个：

【讨论】：

啊，很抱歉，我看到新标签错位了，它看起来有点不对劲，这有点奇怪，等我有时间再去看看吧

【解决方案2】：

我建议使用HTML5 Boilerplate 甚至它的Stripped Down version 来实现适当的、行业认可的重置，这将有助于缓解这些问题。

【讨论】：