图片链接悬停上的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;}