Html SVG中嵌入的动态CSS不'；在一个<；img>；标签
我有一个非常简单的SVG。它显示一个由浅灰色点组成的小网格，鼠标悬停时这些点会变成深灰色，这是由SVG文件中嵌入的一些CSS触发的：Html SVG中嵌入的动态CSS不'；在一个<；img>；标签,html,css,svg,hover,Html,Css,Svg,Hover,我有一个非常简单的SVG。它显示一个由浅灰色点组成的小网格，鼠标悬停时这些点会变成深灰色，这是由SVG文件中嵌入的一些CSS触发的： #句柄路径{ 填写：#999； 笔画宽度：5px； 笔画：透明； } #句柄：悬停路径{ 填充：#333； } img标记不允许交互式svg。尝试使用对象更改img标记。这将使svg具有交互性 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="s
#句柄路径{
填写：#999；
笔画宽度：5px；
笔画：透明；
}
#句柄：悬停路径{
填充：#333；
}
对象更改img
标记。这将使svg具有交互性
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<object type="image/svg+xml" data="dots.svg"></object>
</body>
</html>
演示：
有关与SVG一起使用的标签类型的详细信息，请参见您好，谢谢您的解决方案。因此，如果我们只想在页面上使用svg文件两次，您建议如何使其更优化1） 创建两个单独的svg文件，并根据需要自定义每个文件---或者---2）只需要一个svg文件，然后用您的解决方案在两个地方自定义它