大きなSVGが完全にロードされていません

Question

デザイナーからこれらのSVGを取得しました。空のページにインラインで配置するとうまく動作します。画像としてロードされたときにも正常に動作します。しかし、何らかの理由で、12kbのSVGは私がワードプレスのページにインラインで置くと奇妙になり始めます。ここで

は、問題のサイトへのリンクです：http://162.214.14.26/~naturesfusions/

あなたが見ることができるように、アイコンの一部が切り取らなっているが、その一つ上のアイコンをSVGで設定したパスを無視しているようです。奇妙なことは、これは大規模なisv svgだけではなく、私が持っている単純な3kbのものに影響するようです。何がここに間違っているかについての任意のアイデア？

Answer 1

id属性は、ドキュメント内で一意である必要があります。あなたは同じIDを持つ複数の要素を持っています。あなたのドキュメントが無効なので、id = "ホーム"。無効な文書では奇妙なことが起こります。