0

好的，如果您在 Internet Explorer 7 中查看此站点（我使用 IE 9 中的浏览器模式工具；只需按 F12）。当悬停在第一行的表格单元格上时，帮助框<div class="help">隐藏在第二行（好的：第三行）的background属性后面。

为什么是这样？它适用于 Chrome、Firefox、Opera 和 IE 8-9（尽管 jQuery 脚本由于某种原因在 IE 8 中被搞砸了）。我尝试过降低z-index,和<table>，但还没有成功。<tr><td>

编辑#1。哦，是的，IE 7 中没有显示表格中的所有边框。这很奇怪，不是吗？

编辑#2。CodeJack 的 jQuery 解决方案似乎有效。

if ($.browser.msie && $.browser.version == "7.0") {
    var z = 1000;

    $("table, tr, th, td, div").each(function() {
        $(this).css("z-index", z);
        z -= 10;
    });
}
4

1 回答 1

0

Z-Index 在 IE7 中无法正常工作。但是有办法。

一个解决方案可以是（绝对）在 div 后面放置一个 opactiy 设置为 0 (CSS:filter:alpha(opacity=0)) 的 iframe。iframe 必须具有相同的宽度和高度，并放置在 div 的相同位置（但在后面）。

对于 Jquery，这里有解决方案

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

编辑：关于边框使用margin-collapse而不是border collapse

于 2012-07-25T07:00:05.370 回答