可視性を設定した後も SVG アイコンが表示されない: 非表示、高さと幅が 0

Question

したがって、メニューを非表示にして、タブを押した場合にのみメニューを表示する必要があります。私がやったのは、次のクラスを作成することでした:

リーリー

これは完全に機能するため、コンテンツがスペースを占有することはありません。しかし、ここに問題があります。これを行うと、SVG 画像が表示されません。いくつかの推論の結果、クラスに visibility: hidden; があり、このクラス内の項目に width height = 0 がある場合、次のように表示されることがわかりました。なぜ SVG はこのように機能するのでしょうか?これら 3 つのパラメータを自分で記述してみます

リーリー

しかし、何も変わりません。これらのパラメータを変更すると、（このコードが存在する限り）SVG が永久に壊れてしまうようなものです。

Answer 1

とにかく、解決策を見つけました。つまり、これらの 3 行のコードは実際には必要ないことがわかりました。私に必要なのは:

リーリー

とにかく、なぜこれら 3 行のコードが SVG を壊すのかはわかりませんが、ついに解決策を見つけました (何週間も探しましたが、解決策は見つかりませんでした)