背景をウィンドウ全体に表示する

トップ > アラカルト > 背景をウィンドウ全体に表示する

説明

背景画像をウィンドウの大きさにあわせて、ウィンドウいっぱいの大きさに引き伸ばして表示します。

ソースコード

<html>
<head>
<title>TEST</title>
</head>
<style>
body {
  background-image: url(image/back.gif);
  background-size: cover;
}
</style>
<body>
 :
本文
 :
</body>
</html>

動作確認

IE11での動作確認をしています。


Copyright (C) 2015 杜甫々
http://www.tohoho-web.com/wwwxx037.htm