0

HTML Web ページに を追加する必要があるのは、追加したdoctype場合にのみ IE が正しくフォーマットするからです。しかし、追加すると、ページ上の一部の画像が読み込まれません。画像は CSS の background プロパティで埋め込まれ、 で画面に表示されますdiv。すべての一般的なブラウザで画像をロードするわけではありません。

何が問題なのですか？私は本当にdoctypeアップが必要です。

CSS:

.blue {
    position: absolute;
    background: url(blue.png) no-repeat center center;
    top: 163;
    width: 228;
    height: 434;
}

.green {
    position: absolute;
    background: url(green.png) no-repeat center center;
    top: 120;
    width: 266;
    height: 209;
}

.orange {
    position: absolute;
    background: url(orange.png) no-repeat center center;
    top: 183;
    width: 165;
    height: 291;
}

HTML:

<div class="blue"> </div>
<div class="green"> </div>
<div class="orange"> </div>

上部のDoctype:

<!DOCTYPE html>
4

3 に答える 3

3

CSSの幅と高さの宣言の最後に「px」がないことと関係があると思います。

<div>背景画像を表示するために、要素が幅と高さでレンダリングされるかどうかを確認できますか？

于 2012-06-21T00:51:59.087 に答える
1

問題は HTML5 であり、HTML4 のように値に単位が厳密に必要であるか、そうでない場合は無視されます。pxすべての位置の高さと幅の数値の最後に追加する必要があります。Alexei は、URL も引用符で囲む必要があることを指摘しています。

于 2012-06-21T01:02:18.827 に答える
0

必須ではありませんが、あると便利です: Url の周りに引用符がありません: http://www.w3.org/TR/CSS2/colors.html#propdef-background-image

background: url("orange.png") no-repeat center center;
于 2012-06-21T00:43:12.777 に答える