图片链接spazzes悬停

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;}

悬停前按钮的外观如何：

悬停期间按钮的外观如何：

我似乎通过放置一些新编码来平息效果，但现在按钮并不是直接相邻，尽管图像彼此相邻并且没有任何破坏代码。我希望这些按钮能够像第一张照片一样保持彼此相邻，但现在却出现了问题。谢谢。

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;}