为什么内联SVG的实例会变成黑盒，而之前的实例有一个父实例是Display: None？

内联SVG的实例会变成黑盒，而之前的实例有一个父实例是Display: None的原因是因为SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，它可以通过内联方式直接嵌入到HTML文档中。当SVG实例被内联到HTML文档中时，它会被解析为DOM元素，并且可以通过CSS样式进行控制。

然而，当SVG实例的父元素设置为Display: None时，父元素及其所有子元素都会被隐藏，包括内联的SVG实例。这意味着SVG实例在渲染过程中被认为是不可见的，因此会被渲染为一个黑盒。

这种行为是由浏览器的渲染机制决定的。当父元素的Display属性设置为None时，浏览器会将其从渲染树中移除，这样它及其子元素就不会被渲染。当Display属性重新设置为其他值时，浏览器会重新将其添加到渲染树中，并重新进行渲染。

对于解决这个问题，可以考虑以下几种方法：

1. 将父元素的Display属性设置为其他值，而不是None，以确保SVG实例能够正常渲染。
2. 使用其他方式隐藏父元素，例如使用opacity属性将其透明度设置为0，或者使用visibility属性将其设置为hidden。
3. 在需要显示SVG实例时，动态地将父元素的Display属性设置为其他值，以触发重新渲染。

腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多详情。