Перезаписать встроенный стиль

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

Работая один ...

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

Answer 2

когда-либо с использованием ZIndex необходимости positoin абсолютный или относительный или фиксированный

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