html - CSS溢出在chrome中不起作用

Question

我有一个“超级菜单”，其中包含一个应该在用户将鼠标移出菜单后隐藏的 .png。它在 IE 中按预期工作，但在 Chrome 中没有 - 它使图片的区域超出了菜单。

根据 Sparkys 的建议，这里是 JSFiddle

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

http://libertyeaglearms.com/dev/

这是我的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，我觉得会更好。

这是显示该问题的几个屏幕截图：

鼠标悬停在这里：

这是鼠标：

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

谢谢 ：）

这是工作代码-> 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

看：

Answer 2

我使用它做了很多工作，我发现它与 css 无关，因为我将“img”标签显示更改为无（在部分图像保留在页面上之后），但它仍然保留。我的猜测是它必须是chrome图形渲染器问题，无法处理有时它会消失的事情。我的猜测是这将是 chrome 的错，而不是你的错，尽管你没有在该图像上放置一个元素（如 div），但问题仍然存在。