Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 从图像中删除背景而不添加类_Html_Css - Fatal编程技术网

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核心文件中的函数自动生成的,我不想编辑核心文件。