body要素の下の背景

背景に画像を設定するのに、body要素のbackgroundで画像を指定します。以前、高さ100%のボックスを作る時html要素にheightを指定しました。もしかして、と思い試したところhtml要素にもbackgroundが指定できるのです。

これを使うと、背景画像に背景画像を重ねるといったことができます。

サンプル:背景の下の背景

HTMLの例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="ja">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</style>
</head>
<body>
</body>
</html>

CSSの例

html{
    background-image:url('img/bg.png');
}
body{
    background-image:url('img/logo.png');
    background-repeat:repeat-y;
}