在Internet Explorer 7中，隐藏在表格单元格后面的弹出帮助框

Question

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

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

编辑#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;
    });
}

Answer 1

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

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

对于Jquery，这里有的解决方案

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

编辑：关于边界，请使用margin-collapse而不是border collapse