agar tulisan canyon.com ada di tengah video

misi min,mau tanya agar tulisannya ada di tengah dpn video gmna yaa..??coba trik z-index g ngaruh,di pasang position absolute malah hilang tulinnya , tolong solusinya master :) ini script nya:

<!DOCTYPE html>
<html>
<head>
<meta carshet="UTF-8">
<title>web</title>
<style>
*{
margin:0;
padding:0;
}
#wrap{
position:relative;
width:100%;
height;300px;
overflow:hidden
}
#wrap video{
right:0;
bottom:0;
min-height:100%;
min-width:100%;
height:auto;
width:auto;
z-index:-100;
}
#info h1{
text-align:center;
background:rgba(0,0,0,0.5)
z-index:100;
}
</style>
</head>
<body>
<div id="wrap">
 <video autoplay  source src="asset/panorama.mp4"></video>
 <div id="info">
    <h1>Canyon.com</h1>
 </div>
 </div>
</body>
</html>

css

@fadhil sanad

270 Kontribusi 16 Poin

Diperbarui 8 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

coba

#wrap {
    width: 1060px;
    height:auto;
    margin: auto;
    text-align:center;
    position:relative;
}
#info {
    position: absolute;
 margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
   height:100px;
}

reff : http://jsfiddle.net/cuyWT/

@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

agar tulisan canyon.com ada di tengah video

Kelas Premium!
Belajar bikin website dari nol sekarang