0

最近、ページにDOCTYPEを追加しましたが、これにより、一部のテーブルセルの書式設定が壊れました。ページが読み込まれると、セルは緑色の背景で表示されます。

これが何が起こっているかです（フィドル）

インラインスタイルタグで指定されているように、ページが緑色の背景なしで読み込まれることに注意してください。カーソルを合わせると、スタイルが有効になり、そのまま残ります。

ページは、背景色が適切にレンダリングされた状態で読み込まれる必要があります（開始するためにマウスオーバーする必要はありません）。

JSFiddleのページにDOCTYPEが含まれているため、実際の例を示すことはできません。DOCTYPE行を削除すると、cssは期待どおりに機能します。

DOCTYPE行を含むコードは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
    <body>
    <table width="100%">
    <tbody>
    <tr style=" background-color:#FFFEF7; ">
        <td style="color:FFFFFF; background-color:009C00;" title="It's Hard Being Green" onmouseover="this.style.background='#40b540'; this.style.cursor='pointer'" onmouseout="this.style.background='#009C00';">It's Hard Being Green</td>
    </tr>
    </tbody>
    </table>

</body>
</html>
4

1 に答える 1

4

#色の宣言に追加してみてください：

<tr style=" background-color:#FFFEF7; ">
        <td style="color:#FFFFFF; background-color:#009C00;" ...
于 2013-01-24T20:46:59.240 に答える