Html 从图像中删除背景而不添加类
请看一看。 我添加了以下代码:Html 从图像中删除背景而不添加类,html,css,Html,Css,请看一看。 我添加了以下代码: .entry_blog a{color:#000;} .entry_blog a:hover{背景色:#000;颜色:#FFD700;} 文本链接工作正常。但是,当您浏览这些图像时,可以看到div中每个图像的底部都出现了一条黑线 我无法向图像链接添加任何新类。如果我可以在图片链接中添加一个图片,我只需添加一个 .entry\u blog.newclass a:悬停{背景:无} 然而,既然没有这种可能性,有人知道在这种情况下,我如何从entry\u blogdi
.entry_blog a{color:#000;}
.entry_blog a:hover{背景色:#000;颜色:#FFD700;}
文本链接工作正常。但是,当您浏览这些图像时,可以看到
div中每个图像的底部都出现了一条黑线
我无法向图像链接添加任何新类。如果我可以在图片链接中添加一个图片,我只需添加一个
.entry\u blog.newclass a:悬停{背景:无}
然而,既然没有这种可能性,有人知道在这种情况下,我如何从entry\u blog
div中的图像中删除背景吗
提前感谢您由于您的所有图像都是独立的块,因此您只需将
img
元素设置为display
作为块级元素(使用display:block
)。这迫使它们填充包含的元素,而不留下任何间隙,完全隐藏可能在下面的任何背景:
.entry_blog a{color:#000;}
.entry_blog a img{display:block;}
.entry_blog a:hover{背景色:#000;颜色:#FFD700;}
你的问题有点让人困惑
最好的方法是将background:none
或background:transparent
添加到.entry\u blog a
你说你不能给图片链接添加任何新样式。这是什么意思
当然,您可以更改CSS。您可以使用内联样式,例如
?您可以使用jQuery删除功能…谢谢!你的解决方案有效。顺便说一句,将图像设置为显示:block
,有什么坏处(如果有的话)?@Pikk使用您当前的设计不会有任何坏处,但是如果您决定将其他图像或文本放置在图像的左侧或右侧,因为这些图像将不再是内联的
,可能会出现问题。我很抱歉,我想说(我更正了问题),我不能添加新类,也不能添加新样式。这意味着我可以编辑CSS,但这些图像是由Wordpress核心文件中的函数自动生成的,我不想编辑核心文件。