Question

我不知道是否有人已经问过这样的事情，但我一直在搜索，我没有找到任何关于这个问题的内容。

首先显示一些div，然后在使用JS转换后显示其他div。在其中一个div中，我有一个内联SVG。当第一个div加载（具有SVG内联的那个）时，它在这个图像中显示为OK：

但是，当具有内联SVG的div仅在某些转换后出现时，它会以这种方式出现：

持有转换的div是持有整个块的div（除了带有svg内联的父div块）。似乎发生的是url(#idofgradient)调用的svg的填充未找到，也未被识别。只有#F7F7F7调用的填充工作正常（图像中间的SVG的行部分）。

我不知道在这种情况下发生了什么。

如果有人可以帮助我，请感谢你。

Answer 1

看到一些代码会很高兴，但我认为你遇到的问题与内联填充有关。删除内联填充并使用css应用填充（如果要进行填充过渡）。

.class{
fill:#aaa; 
}
.class:hover{
fill:#fff; 
}