看来我在Chrome中有一个奇怪的问题，“宽度：0px”。 我将宽度设置为0，以部分隐藏链接。在鼠标悬停时，我用简单的动画显示链接。 虽然Firefox和Opera的表现很不错，但在Chrome中我看到显示的链接文字，即使宽度设置为。 （在IE和Safari我现在不能测试）铬 - 问题与“宽度：0px”
为方便起见，我加入了代码的小提琴，在这里：http://jsfiddle.net/mihaidoru/yNzSH/
问：我怎样才能让Chrome显示同样的事情，火狐，只有CSS ， 如果可能的话。
注意：菜单应该尊重CSS：“position：fixed; right：0px”。
任何帮助将不胜感激。
谢谢。
我已经设置了宽度为1px，而不是0像素。它使得绿色背景出现，当你将鼠标悬停在它上面时，它会像预期的那样展开。我也在你的jQuery中将它改为1px。
谢谢。这更接近预期效果。然而，我不明白为什么将宽度设置为1像素，并将其设置为0像素不起作用。 – mihaidoru 2012-03-06 14:55:22
将链接设置为overflow: hidden。
感谢您的快速回答。感谢帮助，但是，我设置了：“position：fixed; right：0;”，#menu右侧有一个空格，仅在Chrome中显示。 – mihaidoru 2012-03-06 14:22:18
您可以使用CSS overflow属性
overflow: hidden;
overflow: hidden不为我工作，尝试display:none; JavaScript读取OK。
隐藏元素而不是将宽度设置为0px会不会更“干净”？使用display：none; – DaveHogan 2012-03-06 14:19:30
@DaveHogan - 然后幻灯片动画将无法正常工作。 – Quentin 2012-03-06 14:20:38
我还在每个链接的右侧填充了一个图标。为了简单起见，我也没有添加图像。 – mihaidoru 2012-03-06 14:24:41