将宽度为其他颜色的css图标悬停在wp_get_attachment_Image中

时间:2021-03-31 作者:Bouke

我使用的是ACF,在一个循环中:<?php echo wp_get_attachment_image( $button_image, \'small\', \'sidebar-btn-icon\', ["class" => "sidebar-btn-icon" , "alt"=> "sidebar icons"]); ?>这将显示一个svg图标。

填充:#eee不工作,因为没有直接path.

现在我想知道悬停动作后颜色是如何变化的?

1 个回复
SO网友:Nikolay

打开:悬停您应该更改svg图像,而不是颜色。第二个图像是具有不同颜色的副本。例如,如果图像显示在背景中,则可以通过以下方式更改样式:

.sidebar-btn-icon:hover {
    background-image: url(button_image_red.svg\');
}

相关推荐

Images getting smashed

我正在开发一个网站,我遇到了一个关于图像和图库的问题。每当你进入页面时,图像都会被破坏,一旦你刷新几次,它就会被修复,但第一次进入页面时,它看起来是这样的:当它看起来像这样时:这些图像经过的过程是:上传画廊(Gutenberg Block)使用EWW插件进行优化之后,关于图像优化,我激活了PageSpped Ninja、AutoOptimize和Smush插件。我已尝试禁用所有这些功能,但问题仍然存在,我希望您能帮助我解决这个问题。谢谢:D