Question

我正在使用Ajax Modal Popup Extender将面板显示为模式弹出窗口。我已经在面板上应用了一个CSS类，一切都很好。但是，当我将BackgroundCssClass属性添加到弹出扩展器时，我的面板上的边框不会显示。模态背景显示正确，面板中的其他所有内容保持不变，但我无法显示边框。可能导致这种情况的原因是什么？

** ** CSS

.PopupPanel
{             
width: 75%;
height: 55%;
text-align: center;    
padding: 5px;
overflow: auto;
border-style: solid;
border-width: 8px;
border-color: #0055A5;    
background-color: White;    
}

.ModalBackground
{
background-color: rgba(170,170,174,0.5);    
}

** ** ASPX

<asp:Panel ID="InputPanel" runat="server" CssClass="PopupPanel">

        <asp:Label ID="HeaderLabel" runat="server" 
            Text="[text here]" 
            Font-Size="Large"></asp:Label>

        <br />            
        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="85%" 
            Height="65%" Wrap="False"></asp:TextBox>                        
        <br />


        <asp:Button ID="okButton" runat="server" Text="Submit" 
            CssClass="genericButton" />
        <asp:Button ID="CancelButton" runat="server" Text="Cancel" 
            CssClass="genericButton" />
</asp:Panel>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
    PopupControlID="InputPanel" TargetControlID="PasteButton" 
    BackgroundCssClass="ModalBackground" PopupDragHandleControlID="HeaderLabel">
</ajaxToolkit:ModalPopupExtender>

应用css背景时，模态弹出边框消失

0 个答案: