HTML
<img src="logo.svg" alt="Logo" class="logo-img">
Run Code Online (Sandbox Code Playgroud)
CSS
.logo-img path {
fill: #000;
}
Run Code Online (Sandbox Code Playgroud)
上面的svg加载并且是原生的,fill: #fff但是当我使用上面css的内容尝试将其更改为黑色时它不会改变,这是我第一次玩SVG而且我不确定它为什么不起作用.
我有以下动画:
如果您单击该链接,您将看到将其悬停后它就开始播放。
但是,当我使用图像标签在页面上加载 svg 时,如下所示,悬停事件似乎没有到达 svg 图像。
有可能以某种方式做到这一点吗?不能直接将 svg 粘贴到 html 页面中,因为我使用的软件不允许这样做。