html控件隐藏在aspx控件之后

时间:2009-08-05 09:38:50

标签: html controls drop-down-menu asp.net

请查看我附上截图的附件链接。 html下拉列表隐藏在我创建的aspx下拉列表后面。是否有任何解决方案可以在aspx控件上看到下拉列表? http://img23.imageshack.us/img23/2553/imageydn.jpg 提前致谢, 格塔

2 个答案:

答案 0 :(得分:0)

尝试使用z-index,但您必须将position:absolute设置为元素。

答案 1 :(得分:0)

你在IE中的html下拉列表中遇到了一个相当讨厌的问题。简而言之,无论您将z-index设置为,它都将始终位于大多数其他控件之上,。我知道没有css方法可以轻松解决这个问题。

但是,下拉列表没有“泄漏”的一件事是IFRAME。我通常使用的技巧是将IFRAME放在您的下拉菜单下面,您应该会发现下拉列表不再泄漏。

讨厌 - 但这是一个长期的IE抱怨!

[编辑:添加示例,并重新说明“将您的下拉菜单'放入IFRAME中”]

以下示例说明了诀窍:

<html>
<head></head>
<body>
    <div style="z-index:1">
        <iframe style="position:absolute; height: 200px; width: 100px; z-index: 1"></iframe>
        <div style="position:absolute; background: pink; height: 200px; width: 100px; overflow:hidden; z-index: 2">
            Lorem ipsum dolor sit amet
        </div>
        <br/>
        <select style="z-index: 0;width: 200px">
            <option>option1</option>
            <option>option2</option>
            <option>option3</option>
        </select>
    </div>
</body>
</html>

请注意,如果您从此示例中删除iframe,则会看到“泄漏”问题重新出现。