html - css の背景色が doctype で消える

Question

HTML ページのいくつかの異なる要素に背景色を設定しようとしていますが、doctype 宣言を適用するたびに色が無視されます。他のスタイルは影響を受けないようです。私はばかだと確信しています。

IE7、FF3、および Chrome で発生します。Strict および Transitional html 4 Doctype を使用。Body と Div の背景が影響を受けます。最小限の例を以下に示します。Doctype 宣言を削除すると、Doctype 付きの派手な栄光のすべてでレンダリングされます - 面倒な白黒のみ。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <style>
        body{background-color:FF00FF;}
        .class1{background-color:00FFFF;}
    </style>
</head>
<body>
    <div class="class1">Some Text</div>
</body>
</html>

ところで、私は XHTML を使用していません。サーバーで MIME タイプが正しく設定されていない限り、XML を宣言するべきではないと言った私よりもはるかに賢い人々の間のパブでの会話を耳にしたと思うからです。私の安っぽいホスティングアカウントでは、そのようなことは簡単にはできません。

score 8 · Accepted Answer

#色の値のを忘れました。

body {
    background-color: #FF00FF;
}
.class1 {
    background-color: #00FFFF;
}

score 6 · Accepted Answer

色が無視されるのは、宣言が正しくないためです。quirks モードでは解釈がより緩和され、色が正しくなくても受け入れられますが、標準準拠モードでは宣言が正しくなければなりません。

FF00FF を #FF00FF に、00FFFF を #00FFFF に変更します。

#FF00FF は省略形 #F0F で、#00FFFF は #0FF としても記述できます。

score 1 · Accepted Answer

CSS では、RGB または Hex で色を定義できます。これはあなたがしたことです。しかし、Hex-Colors はのように書かれて#rrggbbいます。#を見逃しました。doctype が設定されているため、検証に関しては、そのような「ほぼ正しい」色の定義が正しく解釈されないようです。

score 1 · Accepted Answer

次の行を削除します

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org

それなら大丈夫でしょうが、理由はわかりません。

score 0 · Accepted Answer

ここでhtml コードを常に検証してください。

html - css の背景色が doctype で消える

5 に答える 5

Related

Reference