ボタン + 画像を持つカスタム コントロールがあります。画像 (下向き矢印) をクリックすると、ドロップダウン リストのように DIV が表示されます。
ただし、DIVを表示するためにページのコンテンツを押し下げます。これを修正する方法。
- ドロップダウンのように動作する必要があります
ボタンの代わりにボタンの上にリストを表示する必要があります
<table id="container" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <asp:Button ID="btnPost" runat="server" CssClass="postButton" OnClick="btnPost_Click" /> <asp:Button ID="btnDropDown" runat="server" CssClass="dropdownButton" OnClick="btnDropDown_Click" /> </td> </tr> <tr> <td> <div runat="server" id="divDropDownPanel" visible="false" style="text-align: left; overflow: scroll; float: left; border: thin solid lightgrey; width: 160px; height: 120px; background-color: #FFFFFF; position: absolute; z-index: 999;"> <asp:Repeater ID="rptDropDownContent" runat="server" OnItemDataBound="rptDropDownContent_ItemDataBound"> <HeaderTemplate> <table> </HeaderTemplate> <ItemTemplate> <tr> <td align="left"> <asp:CheckBox ID="chkChannel" runat="server" /> </td> </tr> </ItemTemplate> <FooterTemplate> </tr> </table> </FooterTemplate> </asp:Repeater> <br /> </div> </td> </tr>