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

Question

请看这里。我添加了以下代码：

.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_blogdiv 内的图像中删除背景？

先感谢您

score 2 · Accepted Answer

看到您的所有图像似乎都是独立的块，您需要在这里做的就是将您的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; }

score 0 · Accepted Answer

你的问题有点令人困惑。

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

您说您不能为图像链接添加任何新样式。这是什么意思？

当然，您可以更改 CSS。

2 回答 2