Firefox 和 Chrome CSS 绝对定位问题
这是有问题的网站：http://www.eportfolio.jameswmann.com/ 在“音乐”部分。图像“新”。
.new 在 Google Chrome 中正确显示 - 在 Firefox 中，它完全位于错误的位置。
如果 jQuery 使用“block”或“inline-block”而不是“inline”对我的跨度进行动画处理，则可以解决此问题。
我不确定是否应该修复 jQuery 动画或修复两个浏览器之间的放置问题。
This is the website in question: http://www.eportfolio.jameswmann.com/
In the 'Music' section. The image 'new'.
.new displays correctly in Google Chrome - In Firefox, it's completely in the wrong spot.
This problem could be fixed if jQuery would animate my span using 'block' or 'inline-block' rather than just 'inline'
I'm not sure if I should fix the jQuery animation or fix the placement issues between the 2 browsers.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以尝试使用 css 重置样式表将所有内容设置为相同，并定义所需的标签，以便所有浏览器中的所有内容都保持一致。试试这个：
http://html5doctor.com/html-5-reset-stylesheet/
You could try to use a css reset stylesheet to set everything to the same, and define the tags you want to so everything is consitent across all browsers. try this one:
http://html5doctor.com/html-5-reset-stylesheet/
我建议使用 HTML5 Boilerplate 甚至它的 精简版本，以实现适当的、行业认可的重置，这将有助于缓解这些问题。
I would recommend using the HTML5 Boilerplate or even its Stripped Down version to achieve a proper, industry-recognized reset that will help mitigate these issues.