Opera 中的 SVG 可见性问题

Question

由于设计问题，我需要使用 SVG 来绘制 html 应用程序界面的所有元素（按钮、文本、图标等）。它们中的大多数从一开始就可见，但其他的，如菜单，将其可见性设置为隐藏。

问题是，在其他浏览器中单击按钮，隐藏菜单的所有 SVG 元素都变得可见，而在 Opera 中仅显示动态元素。出于某种原因，除非您给它们一个 id 并手动为它们应用一个类，否则该可见性不会应用于所述菜单的子级。

Answer 1

我找到的解决方案是强制菜单的所有子项可见：

$("#menu").css({"visibility": "visible"});    

$('#menu').children().each(function() {
    $(this).css({"visibility": "visible"});
});