8

Gecko のバグを明らかにしているように見える非常に特殊な html テーブル構造があります。

これが問題の蒸留バージョンです。gecko ベースのブラウザ (FF など) で次の表を確認してください: (これをコピーして新しいファイルに貼り付ける必要があります)。

<style>
table.example{
    border-collapse:collapse;
}
table.example td {
    border:1px solid red;
}
</style>
<table class="example">
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>          
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td rowspan="3">3</td>

        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td rowspan="2">2</td>      
        </tr>
        <tr>
            <td>1</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

右下のセルの「3」の上に行がありません。他のブラウザで表示すると、行は期待どおりに表示されます。興味深いことに、テーブルの先頭セクションを捨てて、得られる結果を見てください。

<style>
table.example{
    border-collapse:collapse;
}
table.example td {
    border:1px solid red;
}
</style>
<table class="example">
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td rowspan="3">3</td>

        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td rowspan="2">2</td>      
        </tr>
        <tr>
            <td>1</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

そうすることでうまくいきます。誰もこれを見たことがありますか？テーブルへのアクセスがかなり難しくなりますが、回避策として、とりあえず thead セクションを削除することにします。

4

2 に答える 2

5

奇妙な...間違いなく絵のバグです。右クリックして、線があるべき場所の一部の上にコンテキスト メニューを表示すると、コンテキスト メニューを閉じると、線が下に再描画されます。

編集: 回避策 - を付けるstyle="border-color: ...;"と<td rowspan="3">境界線を表示できますが、別の色にする必要があります - できるだけ他の色に近いものを使用してください。たとえば、テーブルが #ff0000 の場合、#ff0001 を使用します

于 2008-11-05T22:05:35.570 に答える
0

私もこのバグを見つけましたが、それは私の PC ではなく別のものです。特定の解像度の後にブラウザウィンドウのサイズを変更すると、線が消えます。ウィンドウを最大化すると、すべてが元に戻ります。これを恒久的に修正するには、border-collapse:separate; を設定します。これにより、各セルの各ボアダーに独自の幅が与えられます。それは私がやりたいことではありませんが、うまくいきます。

また、border-collapse:collapse; を使用することによっても発生する可能性があります。次に、境界線を 1px に設定し、次に 0px に設定します。境界線を折りたたむため、幅 1px よりも 0px を優先しているようです。

いずれにせよ、それは Firefox のみであり、それはそれから離れるもう 1 つの理由です。

于 2010-06-25T13:54:18.010 に答える