覆蓋內聯樣式

我將下面的樣式給CSS文件以覆蓋控件的z-index，但它不起作用。這段代碼有什麼問題？如何用!important覆蓋ajaxToolkit的內聯樣式？以往使用Z-索引需要positoin時覆蓋內聯樣式

.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;" 
/>

來源

2013-12-18 htcdmrl

刪除'[風格]'從你的CSS選擇器http://www.w3schools.com/cssref/css_selectors.asp – roo2

只需刪除[風格]中你的style.css –

爲什麼所有的建議去除'[style]'屬性選擇器？元素*具有*樣式屬性，因此它將匹配！ – Quentin

工作一個...

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

來源

2013-12-19 11:38:36 htcdmrl

絕對或相對或固定

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

來源

2013-12-18 13:01:37 ram

沒有工作:(我不知道爲什麼，但它不影響內聯風格的控制 – htcdmrl

試着做這個規則更具體，所以[parent] .modelBackground [style] –

覆蓋內聯樣式

回答

相關問題