我需要在下拉列表顶部显示面板.面板由于下拉列表而失真 [英] I need to show the panel on top of the drop down list.Panel is distorted because of dropdownlist

问题描述

我已经动态创建了下拉列表，并将其放置在表格单元格中，然后基于按钮单击，我需要在下拉列表顶部显示面板.但是我遇到的问题是，每当我将面板放在下拉列表的顶部时，下拉列表控件就会显示在面板的顶部.任何帮助表示赞赏.

注意:我仅在IE6中遇到此问题，其余浏览器工作正常(IE8，FF和Chrome)

I had dynamically created the drop down list and placed in the tablecell and based on the button click i need to show the panel on top of the drop down list. But I’m facing the problem that whenever I’m placing the panel on the top of the drop down list, the drop list control is getting displayed on top of the panel. Any help is appreciated.

Note: I’m facing this problem only in IE6, remaining browsers is working fine (IE8, FF, and Chrome)

<asp:Panel ID="_deviceSettingsDetailPanel" runat="server" Style="display: none; width: 506px;height: 236px; z-index:1000;">

<asp:Table id="_deviceSettingsDetailTable" runat="server" style="background-repeat: no-repeat;

width: 506px; height: 236px;">

<asp:TableRow style="text-align: center; font-size: 28px;">

<asp:TableCell style="padding-top: 30px;">

<asp:Label ID="_deviceSettingsDetailLabel" runat="server"> </asp:Label>

</asp:TableCell>

</asp:TableRow >

<asp:TableRow style="text-align: center">

<asp:TableCell >

<asp:Button runat="server" ID="Button1" meta:ResourceKey="MessageLabel_OK" class="font-standard font-large black_button"



OnClick="OkClicked" />

 

</asp:TableCell>

</asp:TableRow >

</asp:Table>

</asp:Panel>

推荐答案

这是IE6中的一个已知错误.它与IE6中select标签的呈现有关.它总是将这些呈现在其余的之上.

请参见修复以下内容选择下拉菜单的IE6问题忽略了使用Jquery的z-index 作为JQuery解决方案.

This is a known bug in IE6. It has something to do with the rendering of the select tags in IE6. It always renders these on top of the rest.

See Fix for IE6 problem with select drop downs ignoring z-index with Jquery for a JQuery solution.

这篇关于我需要在下拉列表顶部显示面板.面板由于下拉列表而失真的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！