CSS中的SVG onmouseover

Question

我在使用CSS创建一个变化的onmouseover按钮时遇到问题。很长时间以来，我使用以下代码调用

<a href="../../../">
<img src="file-url" 
onmouseover="this.src='file-url'"
onmouseout="this.src='file-url'"
border="0" alt=""/></a>
</div>

是否可以使用svg字符串代替使用url？

预先感谢您抽出宝贵的时间！！

米奇

Answer 1

使用.svg作为背景图片。

<a class="link" href="../../../"></a>

a.link {
    display: block;
    width: width of your svg;
    height: height of your svg;
    background: url(path/to/your/svg);
}

a.link:hover {
    background: url(path/to/your/hover/svg);
}