CSS：DIV中的SVG放置

Question

这是我的小提琴 - http://jsfiddle.net/UBHj8/

所以我的问题非常明显，似乎无法让svg在正确的位置隐藏搜索栏。有人可以帮忙，这个小错误让我疯了。

<div class="togglesearch">
    <svg id="hidesearch" xmlns="http://www.w3.org/2000/svg" version="1.1" width="10" height="10" style="margin:0px 0px 0px 10px;">
        <polygon points="10,10  10,0  0,5">
    </svg>

    <svg id="showsearch" xmlns="http://www.w3.org/2000/svg" version="1.1" width="10" height="10" style="margin:10px 0px 0px 10px;">
        <polygon points="0,0  0,10  10,5">
    </svg>
</div>

Answer 1

你想要this之类的东西吗？

我将svg图像绝对定位在容器中，并将垂直位置与搜索框的填充匹配。