例のアレ

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>透過png</title>
<style type="text/css">
#bg1 {
	background-image: url(light1.png);
	height: 546px;
	width: 1000px;
}
#bg2 {
	background-image: url(light2.png);
	height: 546px;
	width: 1000px;
}
#bg3 {
	background-image: url(light3.png);
	height: 546px;
	width: 1000px;
}
#bg4 {
	background-image: url(light4.png);
	height: 546px;
	width: 1000px;
}
#bg5 {
	background-image: url(light5.png);
	height: 546px;
	width: 1000px;
}
body {
	height: 97%;
	width: 1000px;
}
div{height: 546px;width: 1000px;position: absolute;}
</style>
</head>

<body>
<div style="position:relative;">
<div id="bg1"></div>
<div id="bg2"></div>
<div id="bg3"></div>
<div id="bg4"></div>
<div id="bg5"></div>
</div>
</body>
</html>


画像:
http://mac.webatu.com/img/section1.zip

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください