したがって、メニューを非表示にして、タブを押した場合にのみメニューを表示する必要があります。私がやったのは、次のクラスを作成することでした:
リーリーこれは完全に機能するため、コンテンツがスペースを占有することはありません。しかし、ここに問題があります。これを行うと、SVG 画像が表示されません。いくつかの推論の結果、クラスにvisibility: hidden;があり、このクラス内の項目にwidth height = 0がある場合、次のように表示されることがわかりました。なぜ SVG はこのように機能するのでしょうか?これら 3 つのパラメータを自分で記述してみます
リーリーしかし、何も変わりません。これらのパラメータを変更すると、(このコードが存在する限り)SVG が永久に壊れてしまうようなものです。
とにかく、解決策を見つけました。つまり、これらの 3 行のコードは実際には必要ないことがわかりました。私に必要なのは:
リーリーとにかく、なぜこれら 3 行のコードが SVG を壊すのかはわかりませんが、ついに解決策を見つけました (何週間も探しましたが、解決策は見つかりませんでした)