0

Ajaxtoolkit の modalpopupextender を使用してモーダル ポップアップを作成しようとしていますが、これは魅力的です。

ポップアップが表示されている間、ページをグレー表示にしたいので、popuppanel teh modalPopup css クラスを割り当てます。

<style type="text/css">
    .modalPopup {
        background-color: gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .modalDiv {
        background-color:white;
        height:200px;
        width:400px;
        margin-left:auto;
        margin-right:auto;
        margin-top:200px;
    }
</style>

背景はグレー表示されていますが、ポップアップ内のコントロールを再びソリッドにすることはできません。それらをdivに入れて、不透明度を0と100に設定する別のcssクラスをdivに割り当ててみましたが、これは違いはありません。

私のポップアップパネルはこれです:

 <asp:Panel ID="ModalPanel" runat="server" Width="100%" Height="100%" CssClass="modalPopup">
    <div class="modalDiv">
        writesomething:
        <asp:TextBox runat="server" ID="txtModalBox" /><br />

        <asp:Button Text="Ok" ID="btnModalOK" OnClick="btnModalOK_Click" runat="server" />
        <asp:Button Text="Annuller" ID="btnModalAnnuller" OnClick="btnModalAnnuller_Click" runat="server" /><br />
    </div>
</asp:Panel>

だから私の質問は、透明な背景を持つパネル内に透明でない div をどのように持つのですか?

4

2 に答える 2

2

使用時に親よりも不透明な子を持つことはできません。透明度が「継承」されないように、opacity代わりにアルファ透明度値を使用する必要があります。rgba(0,0,0,0)

唯一の欠点は、IE 9 未満ではサポートさrgba()れていないことです。

于 2013-04-16T13:12:34.023 に答える