Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 更改背景图像(png)的颜色_Html_Css_Png - Fatal编程技术网

Html 更改背景图像(png)的颜色

Html 更改背景图像(png)的颜色,html,css,png,Html,Css,Png,我的网站上有以下CSS选择器,可以为每个指向我自己域()的href添加外部链接图标: 这是一幅灰色图像,但链接的其余部分使用了#0273d4作为颜色。是否也可以给图像上色(但不能给整个a href背景文本上色) 您可以使用一些链接字体,这将允许您自定义图标的外观,就像它是文本一样 .blue{ 颜色:#0273d4 } 瑞德先生{ 颜色:红色 } 格林先生{ 颜色:绿色 } 使用过滤器:我同意Temani Afif,请使用过滤器属性。首先将img{hue rotate(90deg);

我的网站上有以下CSS选择器,可以为每个指向我自己域()的href添加外部链接图标:


这是一幅灰色图像,但链接的其余部分使用了#0273d4作为颜色。是否也可以给图像上色(但不能给整个a href背景文本上色)

您可以使用一些链接字体,这将允许您自定义图标的外观,就像它是文本一样

.blue{
颜色:#0273d4
}
瑞德先生{
颜色:红色
}
格林先生{
颜色:绿色
}


使用过滤器:我同意Temani Afif,请使用过滤器属性。首先将
img{hue rotate(90deg);}
添加到CSS文件中,然后根据自己的喜好调整颜色偏移的度值(0-360)。
a[class=" external-link"]::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    position: relative;
    top: -3px;
    margin: 0 3px 0 5px;
}