自FireFox 4以来的菜单填充问题
我已经检查了这里的其他问题，但我没有找到任何对我有帮助的问题。
自从FireFox 4发布以来，我的网站上的菜单就一直有问题。
www.ffxivinfo.com
正如你所看到的，菜单应该与小的图形按钮相匹配，这样每个链接都在“按钮”上。在Chrome、IE8 (未勾选9)和FireFox 3.5中，这看起来很完美。然而，从FireFox 4开始，它就一直显示错误。
这看起来像是一个填充问题，但我不知道它是从哪里来的。我甚至删除了每个链接之间的填充，使它们靠得很近(0填充)，但在FireFox 4+中菜单仍然比其他浏览器更靠右。
我使用purecssmenu.com上提供的自动生成的菜单，并对其进行了修改以适应我自己的网站。
这里有一个指向导航代码的链接，我使用PHP include来插入它。http://www.ffxivinfo.com/nav.php
这是它的CSS的链接。http://www.ffxivinfo.com/navstyle.css
基本上，我需要的导航看起来一样，在所有的浏览器，以便它适合图形“按钮”。我很想放弃当前的设计，使用简单的渐变背景，在FireFox 4+中留下比其他浏览器更宽的菜单，但这有点失败主义。
任何帮助都将不胜感激。这是第一次有编码问题让我去论坛寻求帮助，但我就是搞不懂这个问题。
回答 3
Stack Overflow用户
发布于 2011-09-03 08:32:19
我认为问题不在于您的利润，而在于浏览器之间的文本渲染差异。在这种情况下，Firefox会将文本渲染得稍微宽一些。
如果我可以建议一种替代方案，而不是使用图像背景并希望获得像素完美的渲染(考虑到浏览器和操作系统的多样性，这几乎是不可能的)，尝试使用背景色和边界半径设置链接本身的样式。
Stack Overflow用户
发布于 2011-09-03 09:17:40
我在FF6中看不到问题。但是，我看到您指定的字体大小为pt。pt是用于印刷的，不是用于web的。尝试将其更改为px，看看是否可以修复您的情况。
Stack Overflow用户
发布于 2011-09-03 11:00:54
我可能会忽略Firefox4的问题。
FF现在是版本6。
你的问题不会出现在FF3.5 (最广泛使用的FF)或FF6中，这两种浏览器都比FF4拥有更多的浏览器份额。
http://gs.statcounter.com/#browser_version-ww-monthly-201008-201108-bar
https://stackoverflow.com/questions/7290145
复制相似问题
腾讯云开发者
