在不添加类的情况下从图像中删除背景

Question

请看一下here。 我添加了以下代码：

.entry_blog a {color:#000;}
.entry_blog a:hover {background-color: #000;color: #FFD700;}

文字链接工作正常。但是，当您查看图像时，您可以在<div class="entry_blog singlepageentry" itemprop="articleBody"> div内的每个图像的底部看到一条黑线。

我无法在图片链接中添加任何新类。如果我可以将图像添加到图像链接，我可以简单地添加一个

.entry_blog .newclass a:hover {background:none}

然而，由于没有这种可能性，有没有人知道如何在这种情况下，我可以从entry_blog div中的图像中删除背景？

提前谢谢

Answer 1

看到您的所有图片都显示为独立模块，您只需将img个元素设置为display作为块级元素（使用display: block）即可。这会强制它们填充包含a元素而不留任何间隙，完全隐藏可能位于下方的任何背景：

.entry_blog a { color:#000; }
.entry_blog a img { display:block; }
.entry_blog a:hover { background-color: #000; color: #FFD700; }

Answer 2

你的问题有点令人困惑。

最好的方法是将background:none或background:transparent添加到.entry_blog a

您说您无法为图片链接添加任何新样式。这是什么意思？

当然你可以改变CSS。