ボタンをページに固定しようとしています。私はプロではありませんが、ここにあります。
body {
width:100%;
height:100%;
background:#181516;
overflow:hidden;
position:absolute;
}
.bg {
background:url(../images/entrance.jpg) no-repeat center center ;
height:100%;
z-index:1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
そしてボタン。
.door {
display:inline-block;
width:170px;
margin-top:22%;
}
しかし、小さい画面またははるかに大きい画面では、ボタンは好きな場所に移動します:D
正方形に固定する必要があります。後ろの写真は小さなドアです。ボタンはそのドアの内側にある必要があります... MARgin またはパディング px または % は常に同じです。手伝って頂けますか?