html - 从图像中删除背景而不添加类

Question

请看here . 我添加了以下代码:

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

文本链接工作正常。但是，当您查看图像时，您会看到 <div class="entry_blog singlepageentry" itemprop="articleBody"> 内每张图像底部出现一条黑线。分区

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

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

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

提前致谢

Answer 1

看到你所有的图像看起来都是独立的 block ，你在这里需要做的就是将你的 img 元素设置为 display 作为 block 级元素(使用 显示: block )。这迫使他们填充包含 a 的元素而不留任何空隙，完全隐藏可能在其下方的任何背景:

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