2008-10-26 57 views
1

我試圖覆蓋默認stlyesheet中的設置,它使用containerCSS的simplemodal jquery插件,它在IE7中工作正常,但不支持Firefox或Chrome。不知道這是一個錯誤還是我做錯了什麼。SimpleModal containerCSS在Firefox或Chrome中不起作用

jQuery代碼:

$(document).ready(function() { 
    $("#ButtonPopup").click(function() { 
     $("#addEditTask").modal({ 
      onOpen: modalOpen, 
      persist: true, 
      containerCss: ({ width: "300", height: "200", marginLeft: "-150" }) 
     }); 
     return false; 
    }); 
}); 

HTML代碼:

<button id="ButtonPopup">Popup</button> 
<div id="addEditTask" style="display:none;"> 
    <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada 
    libero, sit amet commodo magna eros quis urna.</p> 
    <button id="ButtonSave">Save</button> 
    <button id="ButtonCancel">Cancel</button> 
</div> 

請參閱this 對於您可以測試自己的代碼的工作演示和zip下載。

回答

2

基於Gecko和WebKit的瀏覽器真的很喜歡他們的單位。確保你總是告訴它如何衡量你的價值觀。另外值得一提的是,如果你想從一個css文件中覆蓋內聯樣式,你可以通過在值的末尾添加!important來實現。

身高:300px!important;

將覆蓋內聯樣式。

乾杯!

0

我會看看jqModal。

相關問題