Html 如果SVG隐藏在单独的类中,则SVG LinearGradient隐藏

Html 如果SVG隐藏在单独的类中,则SVG LinearGradient隐藏,html,css,svg,Html,Css,Svg,基本上,如果svg隐藏在并行元素中,则linearGradient填充被隐藏 .mobile{ 显示:无; } .内容svg{ 边框:1px纯黑; } 很抱歉,您的浏览器不支持内嵌SVG。 很抱歉,您的浏览器不支持内嵌SVG。 < /代码> 为梯度考虑一个不同的ID: .mobile{ 显示:无; } .内容svg{ 边框:1px纯黑; } 很抱歉,您的浏览器不支持内嵌SVG。 很抱歉,您的浏览器不支持内嵌SVG。 不要对两个不同的渐变使用相同的ID,实际上只考虑第一个,并且它有显示:n

基本上,如果svg隐藏在并行元素中,则linearGradient填充被隐藏

.mobile{
显示:无;
}
.内容svg{
边框:1px纯黑;
}

很抱歉,您的浏览器不支持内嵌SVG。
很抱歉,您的浏览器不支持内嵌SVG。

< /代码>

为梯度考虑一个不同的ID:

.mobile{
显示:无;
}
.内容svg{
边框:1px纯黑;
}

很抱歉,您的浏览器不支持内嵌SVG。
很抱歉,您的浏览器不支持内嵌SVG。

不要对两个不同的渐变使用相同的ID,实际上只考虑第一个,并且它有显示:none@TemaniAfif正如我所说的,这个svg在我的应用程序中被多次重用,将ID更改为类似乎并不能解决问题——不是一个类,而是另一个ID。。。检查这个:。。更改订单可以解决问题,因为考虑的是第一个没有显示的问题:无。您必须使用不同的ID,或者只保留一个渐变,将其放置在可见的SVG@TemaniAfif这并不能使svg非常有用,是吗。。我不能对移动部分和内容部分重新排序在这种情况下,在另一个SVG中定义渐变,您将只使用def,并使该SVG的高度和宽度为0(无显示:无)。。使用的渐变必须位于SVG内部,且不显示:无