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属性。如果在后台添加引号会发生什么：url property：

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

修改

正如你所说，旧的IE浏览器的空间很挑剔。在CSS
中的)和top之间添加了空格

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

1 个答案: