IE6下div覆盖select解决方案

最新推荐文章于 2016-11-25 16:50:15 发布

claymore1114

最新推荐文章于 2016-11-25 16:50:15 发布

阅读量6.1k

点赞数

分类专栏： .net 使用技巧文章标签： div ie iframe button server asp

本文链接：https://blog.csdn.net/claymore1114/article/details/5274550

版权

.net 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

使用技巧

22 篇文章 0 订阅

订阅专栏

在IE6下弹出的div层无法遮盖DropDownList/select控件，如下方法可行：

<head runat="server"> <title></title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <IFRAME id="frame1" width="300px" height="300px" style="position:absolute;z-index:1; background-color:Blue; display:none;" mce_style="position:absolute;z-index:1; background-color:Blue; display:none;" frameborder="0"> </IFRAME> <div style=" width:300px; background-color:red; position:absolute; height:300px; display:none; z-index:100;" id="divdis"> aaaaa </div> <div> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Text="aa" Value="0"></asp:ListItem> <asp:ListItem Text="bb" Value="1"></asp:ListItem> </asp:DropDownList> <input id="Button2" type="button" value="button" οnclick="divdis()" style=" text-align:right; width:300px;" /> </div> </form>

原理：利用iframe来遮挡select，再用div来遮挡iframe，就这么简单。

1）首先，建一个div层和iframe层；

2）再设置它们的属性，重要的样式是用z-index来控制iframe和div的显示顺序，z-index的值越大，他会在表层显示。

（注意：z-index只有在设置了position:absolute;后才会生效）

3）再用js来控制它们显示和隐藏。

claymore1114

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
IE6下div覆盖select解决方案

在IE6下弹出的div层无法遮盖DropDownList/select控件，如下方法可行： <!-- function divdis() { var divs = document.getElementById("divdis"); var iffram = document.getElementBy
复制链接

扫一扫