crash - 在特定CSS情况下隐藏表格行或正文时，IE9崩溃:colspan> 1，border-collapse:collapse，border:0!important

Question

(与other post有关，但有一些细微的改进，而用例可能与那次稍有不同？)。

这花了几个小时才能缩小页面的HTML / CSS组合中导致IE9崩溃的原因。
“Internet Explorer已停止工作”错误(如果我选择调试，则具体错误是“iexplore.exe中0x602508cb的未处理异常:0xC0000005:访问冲突读取位置0x00000018。” IE 8没有崩溃。我将其范围缩小到以下:

要重现，请使用此(看似)简单的表格创建一个HTML页面:

<table>
    <tr>
        <td colspan="2">
            TEST ROW
        </td>
    </tr>
    <tr class="tr1" id="tr1">
        <td class="blank">
            test
        </td>
        <td>
            test
        </td>
    </tr>
</table>

添加此CSS:

<style>

    .tr1 td, th
    {
        border: 1px solid Black;
    }        

    td.blank
    {
       border:0 !important;
    }        

    table
    {
        border-collapse: collapse;
    }

</style>

添加此按钮(或任何其他机制)以隐藏第二行:

<input type="button" onclick="document.getElementById('tr1').style.display='none';"
    value="Hide Table Row" />

如果单击该按钮，则将可靠地重现IE9错误。

无论如何，我想发布此错误，因为找不到与错误代码“iexplore.exe中0x602508cb的未处理的异常:0xC0000005:访问冲突读取位置0x00000018”匹配的单个发布。希望这对下一个家伙有帮助。

是否还有其他人想提供任何解决方法？您遇到这个错误了吗？ IE 10 / Windows预览组中的任何人都知道IE 10是否存在相同的问题？如果不是这样，您介意将此作为错误吗？

Answer 1

以下是一些解决方法-所有这些都可以使用，但可能不适合您的情况:

从空白0边框中删除!important(我不能使用此解决方案，因为我确实不需要边框-这很重要-双关语;))

或将边框1px变成纯白色而不是边框​​0(这是我使用的解决方案，从某种意义上说，边框不应从1px变为0px，并且可能是IE9中我认为是bug的根源？)

或摆脱边界崩溃:崩溃； (我无法使用它，因为我希望它们折叠起来)

或摆脱colspan(因为我需要它而无法这样做)

或者选择编织而不是编写软件来不断变化的浏览器(再次，我不能，因为我不喜欢编织；))