背景に画像を設定するのに、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; }
Copyright 1997-2010 BBB All rights reserved.