css - 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

你想要这样的东西吗？

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