当我的菜单打开时，为什么图像会像这样移动？

Z时代
2024-01-10
分类：问答

如果您在我的网站http://imronan.co注意到，每当我按菜单按钮显示下拉菜单时，它似乎将图像转移到下方。我很困惑为什么会这样。当我按下菜单按钮来显示菜单项时，我只希望它向下移动。当我的菜单打开时，为什么图像会像这样移动？

我有关CSS：

body { 
position: absolute; 
top: 50%; 
left: 50%; 
/* bring your own prefixes */ 
transform: translate(-50%, -50%); 
} 
a { 
color: aliceblue; 
font-family: 'Montserrat', sans-serif; 
text-decoration: none; 
/* no underline */ 
} 
.album { 
-webkit-box-reflect: below -10px -webkit-gradient(linear, left top,left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); 
} 
.album img { 
height: 350px; 
width: 350px; 
} 
... 
/*MENU*/ 
.burgermenu { 
z-index: 100000000; 
position: static; 
margin: 0px 0px; 
overflow: hidden; 
} 
.burgermenu ul { 
list-style-type: none; 
list-style-image: none; 
} 
.burgermenu li { 
padding: 0.5em 0.5em; 
float: left;  
} 
.burgermenu a { 
font-weight: 400; 
color: burlywood; 
text-shadow: 1px 1px 0px #000; 
} 
.burgermenu a:hover { 
text-decoration: underline; 
color: aliceblue; 
}