Chrome - 问题＆＃34;宽度：0px＆＃34;

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。

updated fiddle

Answer 4

overflow: hidden对我不起作用，请尝试display:none; javascript读得不错。