Chrome - 问题“width：0px”

Question

看来我在Chrome中有一个奇怪的问题，“宽度：0px”。 我将宽度设置为0，以部分隐藏链接。 在鼠标悬停时，我正在显示链接，并带有一个简单的动画。 虽然Firefox和Opera表现良好，但在Chrome中我看到链接的文本显示，即使宽度设置为0 。 （在IE和Safari中，我现在无法测试）

为方便起见，我在这里添加了代码： http ： //jsfiddle.net/mihaidoru/yNzSH/

问题：如果可能的话，如何让Chrome显示与Firefox，CSS相同的内容。

注意：菜单应该遵循CSS：“position：fixed; right：0px”。

任何帮助将不胜感激。

谢谢。

Answer 1

将链接设置为overflow: hidden 。

Answer 2

您可以使用css overflow属性

overflow: hidden;

Answer 3

我将宽度设置为1px而不是0px。 它使得绿色背景出现，当您将鼠标悬停在它上面时，它会按预期展开。 我也在你的jQuery中将它改为1px。

更新小提琴

Answer 4

overflow: hidden对我不起作用，请尝试display:none ; javascript读取确定。