css - 如何避免按钮重叠？

Question

导航菜单时按钮重叠(移动版)。据说按钮应该只放在图片的底部(白色 bg 之前)。如何解决这个问题？

CSS(手机版)

.home-header-button {
    display: block;
    text-align: center;
    position: absolute;
    margin: 13em auto;
    width: 90%;
    top: 25em;
}

链接:http://www.homecredit.ph/

Answer 1

将 position: relative 应用到您的 .home-header-div。这会将按钮捕获在该容器中，以便在您单击菜单时它会与内容一起被按下。

希望这对您有所帮助。