Javascript Chrome-使用“发布”;宽度:0px“;
似乎我在Chrome中遇到了一个奇怪的问题,就是“宽度:0px”。 我将宽度设置为0,以便部分隐藏链接。在鼠标上方,我用一个简单的动画显示链接。 虽然Firefox和Opera表现良好,但在Chrome中我看到链接的文本显示,即使宽度设置为0。(在IE和Safari中,我现在无法测试) 为了您的方便,我在这里添加了代码: 问:如果可能的话,我如何让Chrome显示与Firefox相同的东西,只显示CSS 注意:菜单应该尊重CSS:“位置:固定;右:0px”。 任何帮助都将不胜感激Javascript Chrome-使用“发布”;宽度:0px“;,javascript,css,google-chrome,width,Javascript,Css,Google Chrome,Width,似乎我在Chrome中遇到了一个奇怪的问题,就是“宽度:0px”。 我将宽度设置为0,以便部分隐藏链接。在鼠标上方,我用一个简单的动画显示链接。 虽然Firefox和Opera表现良好,但在Chrome中我看到链接的文本显示,即使宽度设置为0。(在IE和Safari中,我现在无法测试) 为了您的方便,我在这里添加了代码: 问:如果可能的话,我如何让Chrome显示与Firefox相同的东西,只显示CSS 注意:菜单应该尊重CSS:“位置:固定;右:0px”。 任何帮助都将不胜感激 谢谢。将链接设
谢谢。将链接设置为
溢出:隐藏
您可以使用css溢出属性
overflow: hidden;
我已将宽度设置为1px而不是0px。它使绿色背景出现,当您将鼠标悬停在其上时,它会按预期展开。我还在jQuery中将其更改为1px
溢出:隐藏
对我不起作用,请尝试显示:无
;javascript看起来不错。隐藏元素而不是将宽度设置为0px不是更“干净”吗?使用任一显示:无@DaveHogan-那么幻灯片动画就不行了。我在每个链接的右侧都有一个填充,图标应该在那里。为了简单起见,我没有添加图片。谢谢你的快速回答。感谢帮助,但是,我设置了:“位置:固定;右侧:0;”,并且#菜单右侧有一个空格,仅以Chrome显示。谢谢。这更接近预期效果。然而,我不明白为什么将宽度设置为1px有效,而将其设置为0px无效。