因此，我有一个SVG图片，它具有漩涡效果，位于网站底部菜单div标签的顶部。
它在Dreamweaver中可以很好地预览，但是当我去发布它时，它没有显示。
这是来自Adobe illustrator的简单复制和粘贴，并且直到今天晚上我决定不再在网络浏览器中显示时，它的效果都很好。我使用Edge。
我希望SVG图片会在网络浏览器中显示，但不会显示。
有什么想法吗？
<svg id="bdff17f9-6220-4e90-95a0-392adfab69fd" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 835.69 184.37">
<defs>
<style>
.a1a6fb66-4b89-4bb7-b5cb-a0c76572bf56{fill:url(#b55c1108-0f51-4b65-83b4-456351451c95);}
</style>
<linearGradient id="b55c1108-0f51-4b65-83b4-456351451c95" x1="0.63" y1="259.63" x2="836.32" y2="259.63" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#22205f"/>
<stop offset="1" stop-color="#22205f"/></lineargradient>
</defs>
<title>two-layer-swirl</title>
<path class="a1a6fb66-4b89-4bb7-b5cb-a0c76572bf56" d="M836.32,225.39V351.81H.63V225.39C360.33,65.41,449,295,836.32,225.39Z" transform="translate(-0.63 -167.45)"/>
</svg>