javascript - CSS/jQuery 菜单在 IE7 中不起作用

Question

我确信这方面有一百万个问题，但我找不到与我的具体问题相关的问题。在与 IE7 搏斗了无数个小时之后，我终于在视频内容上方显示了文本(经典的 IE7 z-index 错误 - 现在已被解决)。

您需要先在 Firefox/Chrome/Safari 中查看此网站:

http://valeriaentertainment.com.s66112.gridserver.com/

将鼠标悬停在导航中的“图库”或“关于”上将显示动画 jQuery slideUp()/slideDown() 下拉菜单。由于某种原因，现在 CSS 已修复，下拉菜单的背景在 IE7 中不可见。

有任何调试建议/IE7 破解吗？ ;)

编辑:

我应该注意到，我认为这是一个 javscript 问题，因为动画似乎没有按预期发生(在良好的浏览器中查看网站)...

以下是 js-enabled 类的相关 JS 代码，仅在禁用 javascript 的情况下才允许菜单通过 CSS 工作:

//jQuery slideDown for menu dropdowns
$('.menu').addClass('js-enabled');

$('.js-enabled li').hoverIntent(function () {
   $(this).find(".sub-menu").stop(true,true).slideDown(400);
 }, 
 function () {
   $(this).find(".sub-menu").stop(true,true).slideUp(400);
});

Answer 1

我查了一下，IE 似乎没有注册背景图像的 CSS 属性。如果您在 background:url 属性中添加引号，会发生什么:

.sub-menu li{
  background: url('images/sub-menu_middle.jpg') top left repeat-y;
  ...
}

编辑

正如你所说，旧版 IE 对空格很挑剔。在 CSS 中的 ) 和 top 之间添加了一个空格