在 CSS 中悬停时更改 img src SVG

伊斯梅尔

html:

<img src="logo.svg" alt="Logo" class="logo-img">

css:

.logo-img path:hover {fill: red;}

有没有办法在悬停时更改 img svg 上的十六进制代码?

莫尔戈苏斯

我认为您不能仅使用 CSS 来做到这一点,但是如果您可以更改 HTML,则可以使用一些 JavaScript 来做到这一点。

就像是:

onmouseover="this.src='newSrcHover.jpg';"

或者您可以更改...的background-image: url('linkToNewImage')属性,:hover虽然这会在悬停时更改图像并且可能对某些人来说已经足够了,但它不是 src。JS 之一是。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章