導航菜單項移動懸停

菜單文本在懸停時會變成斜體，但我意識到，當一個項目變爲斜體時，其他項目會移動位置（可能是b/c，他們希望保留它們之間的水平邊距）。？）導航菜單項移動懸停

另一個問題是它在活動狀態上不是斜體。

以下是網站 https://bkwon0402.github.io/about.html 和代碼。將不勝感激幫助！

#nav a:hover { 
font-style: italic; 
} 

#nav a:active { 
font-style: italic; 
} 



} 
.nav { 
height:   58px; 
margin:   0; 
margin-left: 0px; 
width:   100%;

}

.nav ul { 
position:  absolute; 
right:   0px; 
height:   0px; 
display:  block; 
font-family: "Adobe Garamond Pro"; 
list-style:  none; 
margin:   0; 
padding:  21px 40px; 
color: #595959;

}

.nav li { 
font-size: 19px; 
float:  left; 
color: #595959; 
margin-left:40px; 
font-family: "Adobe Garamond Pro";

}

來源

2017-01-25 user2277916

其他項目正在因爲它們的寬度正在改變。斜體小於常規字體。如果您將.nav列表項設置爲寬度，則應防止它們移動。另外，你的font-family和color是繼承的屬性，所以你不需要在你的css中再次定義它們。我也建議將它們顯示爲行內塊，而不是浮動塊。

.nav li { 
    font-size: 19px; 
    margin-left:40px; 
    width:75px; 
    display:inline-block; 
}

來源

2017-01-25 15:51:06 Benneb10

的第一件事是我會確保你的<a:value>屬性是按以下順序：

/* unvisited link */ 
a:link { 

} 

/* visited link */ 
a:visited { 

} 

/* mouse over link */ 
a:hover { 
    color: red; 
} 

/* selected link */ 
a:active { 

}

來源：「懸停必須出現在：link和：visited（如果它們存在）在CSS定義，爲了有效！「 w3schools哈哈

來源

2017-01-25 15:51:45 usrrname

導航菜單項移動懸停

回答

相關問題