2008-10-26 17 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。

相关问题