画像を乗っけたいのですが、うまくいかない。

質問

下記サイトのコンテンツのライトボックスの上にキラキラした画像を乗っけたいのですが、乗っけたところ画像の下に入ってしまいます。

z-indexなどを使ったのですがそれでも下になります。上に重ねる方法があれば教えてください。

http://sample1.digi2.jp/yufu/index.html

回答No.7

ORUKA1951

スタイルシートです。
★同じくhttp:の:は全角に置換してあります。

html,body{margin:0;padding:0;width:100%;height:100%;}
div.header,div.section,div.footer{width:100%;/* min-width:640px;max-width:1000px;margin:0 auto;*/}
p{margin:0;text-indent:1em;line-height:1.6em;}
body{
background:black url(http：//sample1.digi2.jp/yufu/img/base/lakenight.png) 50% 50% fixed;
color:white;
background-size:cover;
}
div.header,div.section{
width:60%;min-width:630px;
margin:5px 5px 5px auto;
padding:5px;
}
div.header{
height:100%;
}
div.header h1{
background:url(http：//sample1.digi2.jp/yufu/img/base/kyoukaitel.png);
width:210px;height:205px;
overflow:hidden;
text-indent:-200em;
position:relative;
left:50%;
}
div.header div.nav{
width:600px;
position:absolute;
bottom:300px;right:0;
}
div.header div.nav ol,div.header div.nav ol li{margin:0;padding:0;}
div.header div.nav ol{list-style:none;}
div.header div.nav ol li a{
display:block;height:100px;width:100px;
position:absolute;
overflow:hidden;
text-indent:-100em;
}
div.header div.nav ol li a[href="/yufu"]{
background:url(http：//sample1.digi2.jp/yufu/img/base/TOPLED.png);
left:0;top:0;
}
div.header div.nav ol li a[href="/yufu/restaurant.html"]{
background:url(http：//sample1.digi2.jp/yufu/img/base/TOPLED.png);
left:100px;top:100px;
}
div.header div.nav ol li a[href="/yufu/event.html"]{
background:url(http：//sample1.digi2.jp/yufu/img/base/TOPLED.png);
left:200px;top:150px;
}
div.header div.nav ol li a[href="/yufu/acsess.html"]{
background:url(http：//sample1.digi2.jp/yufu/img/base/TOPLED.png);
left:300px;top:150px;
}
div.header div.nav ol li a[href="/yufu/inquiry.html"]{
background:url(http：//sample1.digi2.jp/yufu/img/base/TOPLED.png);
left:400px;top:50px;
}

/* img/base/TOPLED.png*/

div.section{
background-color:rgba(0,0,0,0.7);
}
div.section div.section{
width:auto;min-width:480px;
margin:10px 5px;
background:url(http：//sample1.digi2.jp/yufu/img/base/imgbacktransparent.png);
padding:5px;
position:relative;
}

div.section div.section h3{
}
div.section div.section div.figure{
width:90%;margin:10px auto;
background-color:white;
padding:5px;
position:relative;
}
div.section div.section div.figure a{
display:block;position:relatove;
}
div.section div.section div.figure a:after{
content:url(http：//sample1.digi2.jp/yufu/img/base/brilliant.png);
position:absolute;
top:-60px;right:-10px;
}
div.section div.section div.figure img{
display:block;
width:100%;height:auto;
opacity:0.8;
}
div.section div.section div.figure:hover img{
opacity:1.0;
}
div.section div.section div.figure:hover a:after{
opacity:0.5;
}

div.section h2{
overflow:hidden;
text-indent:-100em;
}
#What{
background-image:url(http：//sample1.digi2.jp/yufu/img/index/aboutyufu.png);
height:60px;width:182px;
}
#View{
background-image:url(http：//sample1.digi2.jp/yufu/img/index/yufusite.png);
height:60px;width:215px;
}

お礼

dlは使わないのですね。
タイトルが無いからなんでしょうね。