【问题标题】：jQuery UI tab with IE7 issue带有 IE7 问题的 jQuery UI 选项卡
【发布时间】：2010-08-11 22:55:07
【问题描述】：

我是 jQuery 新手。

我用

<script src="test/lib/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="test/lib/jquery-ui-1.8.custom.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="ui_tabs/css/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" charset="utf-8"/> 
<script type="text/javascript" src="test/stab_ui.js"></script>

和 stab_ui.js

$(document).ready(function(){
  $('#testtab').tabs();
});

而 IE7 在我的网络应用程序上的 UI 选项卡布局出现问题。

UI 选项卡的位置与我使用的其他 jQuery 插件重叠。我想知道这是否与zIndex 有关。如果是这样，我需要帮助才能知道在何处以及修改此修复程序的内容。

对于其他最新的浏览器 Safari 和 FF，UI 选项卡显示得很好。

在 jQuery 脚本中我必须修改以修复 IE 浏览器问题的位置。我担心这个问题可能也适用于IE6/7/8。

如果您需要查看问题，请告诉我，我可以与您分享问题的实际外观。

感谢您的建议。 非常感谢您的帮助。我们是认真的。

真诚的 chz

更新

我们尝试使用：

<script src="test/lib/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="test/lib/jquery-ui-1.8.4.min.js" type="text/javascript" charset="utf-8"></script> 
<link rel="stylesheet" href="ui_tabs/css/jquery-ui-1.8.4.custom.css" type="text/css" media="screen" charset="utf-8"/> 
<script type="text/javascript" src="test/stab_ui.js"></script>

不幸的是，jquery UI 选项卡的布局仍然与我们的 jquery 插件树视图重叠，并且 UI 选项卡内的分页也无法呈现。还能是什么？任何帮助表示赞赏。

【问题讨论】：

肯定要么需要看问题，要么你需要更全面地解释实际问题是什么。
嗨菲尔非常感谢您的回复。我刚刚为我使用的 jquery 脚本添加了这些行。你喜欢看到实际的问题。我可以和你分享我的登录名/密码

标签： jquery jquery-ui internet-explorer-7

【解决方案1】：

一眼看去，我发现您在新脚本中包含了一些旧 CSS。 jQuery UI 会同时发布更新的 CSS 和 JavaScript，它们在很多事情上紧密联系在一起，升级一个而没有另一个必然会导致问题。

我最近从 1.7 升级到 1.8 知道，1.8 样式表不止一些专门针对 IE7 的修复（主要是zoom），伴随着脚本更改。

您的ui_tabs/css/jquery-ui-1.7.2.custom.css 应该升级到等效的 1.8 版本，您可以在 CSS 文件的顶部找到指向此的 URL，假设您之后没有修改它，该链接将带您到 ThemeRoller使用相同的颜色/图像配置，因此您可以获得生成的 1.8+ 版本。

【讨论】：

嗨尼克我会试试你的解决方案。所以你认为这不是 IE7 问题的 jquery 的 zIndex 问题？
@chz - 包括 z-index 和 zoom 属性的 CSS 尤其会在某些版本中得到调整（并且对这个版本进行了调整）......我不是 100% 确定这是你的问题，但是很可能是，并且肯定无论如何都是首先要解决的问题，即使只是为了消除它作为可能的原因。
嗨尼克我们可以与您分享我们的登录名/密码，让您看到我们的问题吗？ chz
@chz - 我可以快速浏览一下，在 gmail 的 nrcaver 上给我一个登录名/网址
尼克你是最棒的，很有帮助。我们尝试更改为 jquery-ui-1.8.custom.css 但 UI 选项卡位置仍然不正确。我们正在向您发送信息。 chz

【解决方案2】：

我用这个 jquery 代码解决了这个问题，我在 http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/ 上找到了该代码

$(function() {
  var zIndexNumber = 1000;
  $('div').each(function() {
    $(this).css('zIndex', zIndexNumber);
    zIndexNumber -= 10;
  });
});

我只在我的页面上为 IE7 添加了这个

【讨论】：