delalunaofficedaysのブログ

WORDPRESSとEC CUBEくらいしか触っていないWEBデザイナーの日記とかメモ。

例のアレ

[html] <!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>

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