iframe z索引下拉菜单

iframe z索引下拉菜单,iframe,drop-down-menu,z-index,Iframe,Drop Down Menu,Z Index,由于我网站的结构,我不得不使用iframe来显示下拉菜单html文件。如果没有,我无法在IE中看到下拉列表。以下是我正在使用的代码: 现在的问题是,下拉列表隐藏在网站上其他图像的后面。我已经指定了位置:相对和z索引:10000,但我无法使其在图像上重叠。这些图像的z指数远小于10000。有什么建议吗?如果您的图像在iFrame之外,当然不会显示您的下拉菜单,因为您正试图告诉下拉菜单退出其窗口。iframe是html中的另一个窗口,因此任何窗口溢出都不会消失,iframe中的元素不会受到z-i

由于我网站的结构,我不得不使用iframe来显示下拉菜单html文件。如果没有,我无法在IE中看到下拉列表。以下是我正在使用的代码:



现在的问题是,下拉列表隐藏在网站上其他图像的后面。我已经指定了
位置:相对和z索引:10000
,但我无法使其在图像上重叠。这些图像的z指数远小于10000。有什么建议吗?

如果您的图像在iFrame之外,当然不会显示您的下拉菜单,因为您正试图告诉下拉菜单退出其窗口。iframe是html中的另一个窗口,因此任何窗口溢出都不会消失,iframe中的元素不会受到
z-index
的影响

如果您的
http://website.com/dropdown.html
只有下拉内容,您可以通过jQuery调用它

<div id="myDropDown">
</div>


<script type="text/javascript">
    $(document).ready(function() {
        $("#myDropDown").load("http://website.com/dropdown.html");
    });    
</script>

$(文档).ready(函数(){
$(“#我的下拉列表”).load(“http://website.com/dropdown.html");
});    
这将把
下拉列表.html
的内容附加到
div
中,只需在“?”之后添加“wmode=transparent”


不记得了!!设置属性下拉列表z-索引。

那么你是说没有解决方案?我已经完成了网站的重新设计,但我还是想知道这个问题是否有解决方案?@Scorpion King,如果你的iframe内容只用于下拉,为什么要将其放在iframe中?我网站的结构要求我包含dropdown.html,当我使用普通的include时,这个下拉列表对IE不起作用。不过其他方面看起来都不错。当我使用iframe时,下拉列表也在IE中工作。所以我想继续使用iframe。当您正常地包含它时,您是如何做到的?也许如果你能发一些代码,我可以帮你。