问题描述
我不知道这张图片的代码有什么问题。但是我编码的所有东西总是消失或粘在这个图像上，或者进入它而不是进入它下面？例如这个带有图标栏的页脚。它应该在下面，但它会消失或进入图像或类似的东西。如果我更改位置标签，按钮不会按照我的意愿进入 image2。
@H_502_6@
.image2{
width: 1917px;
height: 523px;
}
.imagetwo{
width: 1917px;
height: 523px;
margin-top: 0px;
position:absolute;
}
.button1{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
background-color: #212f40;
color:white;
font-size: 30px;
padding: 12px 24px;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
width: 500px;
height: 70px;
outline:none;
}
.button1:hover {
background-color:#911e46;
outline:none;
}
.footer{
left: 0;
bottom: 0;
width: 100%;
background-color: #30adc9;
color: white;
text-align: center;
height: 50px;
padding:15px;
}
.icon-bar{
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-bar a:hover {
background-color: #000;
}
.facebook {
background: #3B5998;
color: white;
}
.twitter {
background: #55ACEE;
color: white;
}
.google {
background: #dd4b39;
color: white;
}
.linkedin {
background: #007bb5;
color: white;
}
.youtube {
background: #bb0000;
color: white;
}
<div class="imagetwo">
<img class="image2" src="https://pixabay.com/de/photos/erbse-erbsen-gem%C3%BCse-gr%C3%BCn-1205673/">
<a href="https://www.google.de/"><button class="button1">Jetzt Beratung anfordern </button></a>
</div>
<div class="footer">
<p>Hier findest du mich</p>
<div class="icon-bar">
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="google"><i class="fa fa-google"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" class="youtube"><i class="fa fa-youtube"></i></a>
</div>
</div>解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）