CSSの背景色はDoctypeで消えます

StackOverflow https://stackoverflow.com/questions/599777

  •  11-09-2019
  •  | 
  •  

質問

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

IE7、FF3、およびChromeで発生します。厳格および移行性HTML 4 Doctype。身体とdivの背景が影響を受けます。最小限の例を以下に示します。 Doctype Delcarationを削除すると、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を使用していません。なぜなら、私は、マイムの種類があなたのサーバーに正しく設定されていない限り、XMLを宣言すべきではないと言った私よりもはるかに賢い人々の間でパブで会話を耳にしたと思うからです。私のhapeoホスティングアカウントでは、私はそのようなことを簡単に行うことができません。

役に立ちましたか？

解決

あなたはを忘れました # 色の値で。

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

他のヒント

色が無視される理由は、宣言が正しくないためです。癖モードでは、解釈はよりリラックスしており、色が間違っている場合に色が受け入れられますが、標準に準拠したモードでは、宣言は正しくなければなりません。

ff00ffを＃ff00ffに、00ffffを＃00ffffに変更します。

＃FF00FFは、短い形式＃f0f、＃00ffffで＃0ffとして記述することもできます。

CSSでは、RGBまたはHEXの色を定義できます。これがあなたがしたことです。しかし、六角形はのように書かれています #rrggbb. 。あなたはそれを逃しました #。 Doctypeが設定されているために検証に関しては、そのような「ほぼ容易な」カラー定義は正しく解釈されないようです。

次の行を削除します

Doctype HTML public " - // w3c // dtd html 4.01 transitional // en" "http://www.w3.org

その後、大丈夫ですが、理由はわかりません。

あなたはすべてを使用する必要がありますu003Cstyle type="text/css"> OR even better, don't use inline styling!

常にHTMLコードを検証します ここ.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top