Question

我将以下样式提供给CSS文件以覆盖控件的z-index，但它无法正常工作。这段代码出了什么问题？如何使用ajaxToolkit覆盖!important的内联样式？

.aspx页面

<ajaxToolkit:ModalPopupExtender id="mpeOptions" runat="server" 
            popupcontrolid="PanelOptions" targetcontrolid="btnShowOptions" 
            cancelcontrolid="btnCloseOptions" backgroundcssclass="modalBackground"
/>

css页面

.modalBackground[style] {
    z-index: 300 !important;
}

运行时将其转换为

<div    class="modalBackground" 
        id="AccordionPaneStep3_content_mpeOptions_backgroundElement" 
        style="left: 0px; top: 0px; display: none; position: fixed; 
        z-index: 10000;"
/>

Answer 1

每当使用z索引和位置绝对或相对或固定时

.modalBackground[style]
   {
    z-index: 300 !important;
    position:relative !important; or
     position:absolute !important;
   }

Answer 2

工作一个......

 .parentclasses .modalBackground
 {
    z-index: 300 !important;
    position: fixed !important;
 }

覆盖内联样式

2 个答案: