0
如果您在我的網站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;
}
而且，任何人知道如何解決的反射，從而不會干擾，當我將鼠標懸停在菜單按鈕？
問題尋求幫助調試必須包括必要的重現它最短的代碼**在問題本身**。 [mcve]鏈接到你的網站是不夠的，因爲當它被修復或死亡時，會使你的問題和答案變得毫無意義。 – Rob