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] 删除。
我来说两句