更新

Question

我是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选项卡内的分页也在渲染时失败。还有什么呢？任何帮助表示赞赏。

Answer 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，假设您之后没有修改它，该链接将带您到{ {3}}具有相同的颜色/图像配置，因此您可以获得生成的1.8+版本。

Answer 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添加了这个

带有IE7问题的jQuery UI选项卡

更新

2 个答案: