Question

我们使用的软件使用第三方供应商来处理验证错误。我们目前正在更新UI，并希望用我们自己的自定义图像替换当前显示的图像。

我可以使用CSS定位图像，但当前图像仍然显示在新图像上。

继承我的HTML

<td >
<img src="warning.gif" border="0">
</td>

我的CSS

td img {
    background-image: url("required.png")!important;
}

如何隐藏现有图像并使用CSS

显示我的图像

Answer 1

尝试使用content:url("required.png")

完整的CSS代码：

td img {
    content: url("required.png");
}

Answer 2

fingerprint()

来源+额外说明： CSS Tricks

Answer 3

您可以使用:after伪元素：

＆＃13;

td:hover::after {
    content:url(http://placehold.it/350x150/888/333);
}
td:hover > img {
    display:none;
}

＆＃13;

<table>
    <tr>
        <td>
            <img src="http://placehold.it/350x150/333/888" border="0">
        </td>
    </tr>
</table>

＆＃13;