0 
.csstdhighlight
{
    border-left-color: Red;
    border-right-color: Red;
    border-bottom-color: Red;
    border-top-color: Red;
    border-style: solid;
    border-width: 1px;
    background-color: White;
}
<html>
<body>
<style type="text/css" media="screen">
    .csstdhighlight
    {
        border:1px solid red;
        background-color: White;
    }
</style>
<table>
    <tr>
        <td class="csstdhighlight">foo</td>
        <td>bar</td>
    </tr>
</table>
</body>
</html>

表のセルにボーダーを適用していますが、IE 8 より前のバージョンに CSS が適用されません。

4

2 に答える 2

0

これはIE6/7で私のために働きます：

<html>
<body>
<style type="text/css" media="screen">
    .csstdhighlight
    {
        border:1px solid red;
        background-color: White;
    }
</style>
<table>
    <tr>
        <td class="csstdhighlight">foo</td>
        <td>bar</td>
    </tr>
</table>
</body>
</html>

「foo」の周りのテーブルセルには赤い境界線があります。http://jsfiddle.net/rUcnv/

于 2012-10-29T12:52:00.620 に答える
0

CSSに問題はありません。ここでの問題は、コンテンツがないテーブルセルです。IE7では、空のテーブルセルは存在しません。これは、境界線のスタイルがレンダリングされないことを意味します。

ここで空のセルに関する関連トピックを参照してください。

于 2012-10-29T13:48:55.397 に答える