如何在a：hover超链接图像上覆盖默认的css设置？

Question

我有一个打印机友好/ PDF图像，如下所示：

好的，够简单。然而，当悬停在它上面时，背景变为灰色，因为我将默认超链接设置为此，例如：

#footer a:hover {
color: white;
background-color: #636363;
-moz-transition: all .6s linear;
-webkit-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear;
text-decoration: none;
outline: none;
}

所以问题就变成了，我可以在这个WordPress域上使用什么css规则来阻止背景颜色的发生？将鼠标悬停在图像上时，我想要没有背景颜色。这是我尝试过的：

.printfriendly a:hover img {
background-color: transparent !important;
opacity: 1.0 !important;
}

除此之外，但这不起作用。这是我在Firebug中看到的：

当我右键单击并“复制html”到该选择时，这是html输出：

<div class="printfriendly pf-alignright"><a onclick="window.print();if(typeof(_gaq) !=    
'undefined') { _gaq.push(['_trackEvent','PRINTFRIENDLY', 'print', 'NULL']);} return false;" 
rel="nofollow" href="http://www.printfriendly.com/print?url=http://www.occupyhln.org/occupy-
hln-hall-of-heroes/"><img alt="Print Friendly" src="http://cdn.printfriendly.com/pf-button-
both.gif" style="border:none;-webkit-box-shadow:none; box-shadow:none;"></a></div>

所以我几乎不知所措 - 这种情况越来越少发生在CSS上，因为我正在学习更多，尝试和阅读，但任何人都可以帮助我解决如何摆脱背景 - 当悬停在print / pdf图像上时的颜色将非常感激！如果需要，这里有一个例子：http://www.occupyhln.org/occupy-hln-hall-of-heroes/

Answer 1

背景颜色不在图像上，而是链接本身。

.entry-content a:hover { background: none; }