关于div做的菜单被SVG遮挡的问题

Question

在设置时,不要去修改调用SVG的相关信息
其中SVG是通过embed来调用的,而用div做的菜单老是被SVG遮挡
希望不要修改embed的属性
只改div能不能实现菜单不给SVG遮挡

Answer 1

我也有同样的问题，我的菜单是<div>的，把dropdownlist把他挡上了

Answer 2

1、设置Z-index属性（大的在前面）
2、调整位置
3、动态隐藏控件

Answer 3

这是一个是div浮在DropDownList上面的小例子，希望对你有用！！！<form id="Form1" method="post" runat="server">
    <div id="menu" style="Z-INDEX:100; LEFT:20px; VISIBILITY:hidden; WIDTH:100px; POSITION:absolute; TOP:20px; HEIGHT:200px; BACKGROUND-COLOR:#6699cc">
        <table>
            <tr>
                <td>item 1</td>
            </tr>
            <tr>
                <td>item 2</td>
            </tr>
            <tr>
                <td>item 3</td>
            </tr>
            <tr>
                <td>item 4</td>
            </tr>
            <tr>
                <td>item 5</td>
            </tr>
        </table>
        <iframe style="Z-INDEX: -1; FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); LEFT: 0px; VISIBILITY: inherit; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 200px"
            src="javascript:false"></iframe>
    </div>            
    <asp:dropdownlist id="DropDownList1" style="LEFT: 8px; POSITION: absolute; TOP: 56px" runat="server"></asp:dropdownlist>
</form>

Answer 4

上面的有点儿小问题，不好意思！！！<form id="Form1" method="post" runat="server">
            <div id="menu" style="Z-INDEX:100; LEFT:20px; VISIBILITY:visible; WIDTH:100px; POSITION:absolute; TOP:20px; HEIGHT:200px; BACKGROUND-COLOR:#6699cc">
                <table>
                    <tr>
                        <td>item 1</td>
                    </tr>
                    <tr>
                        <td>item 2</td>
                    </tr>
                    <tr>
                        <td>item 3</td>
                    </tr>
                    <tr>
                        <td>item 4</td>
                    </tr>
                    <tr>
                        <td>item 5</td>
                    </tr>
                </table>
                <iframe style="Z-INDEX: -1; FILTER: progid: DXImageTransform.Microsoft.Alpha(style=0,opacity=0); LEFT: 0px; VISIBILITY: inherit; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 200px"
                    src="javascript:false"></iframe>
            </div>
            <asp:dropdownlist id="DropDownList1" style="LEFT: 8px; POSITION: absolute; TOP: 56px" runat="server">
                <asp:listitem value="1">1</asp:listitem>
                <asp:listitem value="2">2</asp:listitem>
                <asp:listitem value="3">3</asp:listitem>
                <asp:listitem value="4">4</asp:listitem>
                <asp:listitem value="5">5</asp:listitem>
            </asp:dropdownlist>
        </form>

Answer 5

对不起,这个没有用的
我的菜单只是能被svg的挡住
其他的都没有问题
包括embed