Question

我有一个超级菜单＆＃34;包含一个.png，它应该在用户鼠标离开菜单后隐藏。它在IE浏览器中可以正常工作，但不能在Chrome中运行 - 它会使图片中的区域悬停在菜单之外。

根据Sparkys的建议，这里是 JSFiddle

这是指向我的开发文件夹的链接：

这里是我的css的直接链接：

http://libertyeaglearms.com/dev/assets/menu.css

我想我可能与第6行有关

.megaCreator a img{ 
  display:block;
  position:absolute;
  bottom:-50px;
  right:-50px;
  max-width:550px;
  outline:none;
  border:none;
  background:none; 
}

但是，我不确定。

如果我需要在这里直接发布代码，我会，我不确定问题究竟在哪里，所以通过实际工作表查看所有css，我觉得会更好。

这里有几个屏幕截图显示了这个问题：

鼠标悬停在这里：

enter image description here

这里是鼠标：

enter image description here

注意：如果问题出现，我没有在菜单中使用任何javascript！

谢谢：）

此处的工作代码 - ＆gt; JS FIDDLE

Answer 1

其中一条规则是覆盖溢出：

.megaMenu-fade > li.megaMenu-drop:hover > div,
.megaMenu-fade > li.megaMenu-drop:hover > ul,
.megaMenu-fade > li > ul li.megaMenu-drop:hover > ul,
.megaCreator > li.megaMenu-drop:hover > div,
.megaCreator > li.megaMenu-drop:hover > ul,
.megaCreator > li > ul li.megaMenu-drop:hover > ul

请参阅：

enter image description here

Answer 2

我经常使用它，我发现它与css无关，因为我将“img”标签显示更改为无（在部分图像停留在页面之后），但它仍然保留。我的猜测是它必须是镀铬图形渲染器问题，无法处理这样的事情，有时它只是消失。我的猜测是Chrome的错误而不是你的错，而且你还没有在该图像上放置一个元素（如div），问题仍然存在。

CSS溢出不适用于chrome

2 个答案: