Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome-使用“发布”;宽度:0px“;_Javascript_Css_Google Chrome_Width - Fatal编程技术网

Javascript Chrome-使用“发布”;宽度: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”。 任何帮助都将不胜感激 谢谢。将链接设

似乎我在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无效。