html - HTML 字段集的边框与图例重叠

Question

所以我有一个 HTML 字段集和图例，并且background-color在 IE7 的边界外溢出的字段集中存在问题。我能够通过使用负边距来解决问题，如下所示：

fieldset {
    background-color:#E6E2D7;
    padding-top:5px;
    position:relative;
}

fieldset legend {
    position: absolute;
    top: -0.6em;
    left: 0.5em;
}

现在字段集的边界在 IE8+/Firefox/Chrome 中跨越了图例，但在 IE7 中看起来很好。

这是一个已知问题，如果是，是否有解决方法？

以下是问题截图的链接：

Answer 1

您可以通过在其定义之前添加 * + html 来拥有 IE7 特定的 css 类

例子：

/* IE7 specific css*/
* + html fieldset legend {
    position: absolute;
    top: -0.6em;
    left: 0.5em;
}

/* all other browsers*/
fieldset legend {
    position: absolute;
}