圖片鏈接懸停上的spa 012

Question

我把按鈕放在我的投資組合上。我放了一些編碼，以防止我的透明鏈接圖像獲得我的鏈接獲得的高光懸停效果。現在我的正常鏈接圖像在懸停時出現。

a:link { 
color: #000000; 
text-decoration: underline;} 
a:hover { 
color: #000000; 
background-color: #AF77AB;} 
a:visited { 
color: #000000; 
text-decoration: underline;} 
a:hover img { 
border: none !important; 
display: block;} 

按鈕懸停之前的樣子：

如何按鈕懸停時看：

我似乎通過把一些新的編碼平息效果但現在這些按鈕並不直接緊挨着，儘管圖像彼此相鄰並且沒有開口g任何破壞代碼。我希望按鈕像第一張照片一樣保持彼此相鄰，但現在已經出現了。謝謝。

a:link img { 
border: none !important; 
display: block;} 

鏈接的圖像是隻是簡單的編碼，如：

<a href="http://website.com"><img src="http://image.com" border="0"><a href="http://website.com"><img src="http://image.com" border="0"></a><a href="http://website.com"><img src="http://image.com" border="0"></a> 

Answer 1

我認爲這可能是嚇壞了過來：

a:hover img { 
border: none !important; 
display: block;} 

試試這個：

a:hover img { 
border: none !important; 
display: inline-block;}