Javascript 将SVG嵌入下拉菜单

我还没有找到任何方法，但我想知道是否有一种方法可以将SVG嵌入到下拉菜单中。我的HTML中已经有了一个SVG，而且似乎连下拉功能都没有，但是当我用W3上的“Tryit编辑器”之类的东西编写所有的JS时，所有东西都可以运行，但我缺乏添加需要添加的SVG的能力

    <svg height="100%" width="100%">
      <defs>
        <linearGradient id="grad3" x1="0%" y1="0%" x2="0%" y2="100%">
          <stop offset="0%" style="stop-color:rgb(0, 96, 45);stop-opacity:1" />
          <stop offset="100%" style="stop-color:rgb(0, 172, 68);stop-opacity:1" />
        </linearGradient>
      </defs>
      <rect width="930" height="340" fill="url(#grad3)" />
    </svg>

如果有帮助的话，这里有我的SVG代码

---

提前谢谢

你指的是什么样的下拉菜单？显示要添加svg的代码？@ErikDahlström使用jQuery.slideDown-.onMouseOver/.onMouseOut.`
也许css渐变更适合这里？或者您也可以使用svg作为表格的css背景图像，如果您需要的话。@ErikDahlström我会试试，谢谢您的帮助。我知道我不能使用CSS渐变，因为早期版本的Firefox、IE和Opera根本不支持CSS渐变。我制作的网站也需要与所有主要浏览器兼容。