SimpleModal containerCSS无法在Firefox或Chrome中运行

我试图覆盖带有containerCSS的simplemodal jquery插件附带的默认stlyesheet中的设置，这在IE7中工作正常但不适用于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代码：

 Popup 
 
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.
 Save Cancel  

请参阅此内容 ，以获取可以自行测试的代码的工作演示和zip下载。

Answer 1

基于Gecko和WebKit的浏览器非常喜欢他们的单位。 确保始终告诉它如何衡量您的价值观。

另外作为注释，如果要从css文件覆盖内联样式，可以通过在值的末尾添加！important来实现。

身高：300px！重要;

将覆盖内联样式。

干杯!

Answer 2

Eric Martin通过jquery邮件列表回答了这个问题。

http://groups.google.com/group/jquery-en/browse_thread/thread/90e58bb317002361

我遗漏了在IE浏览器中找不到的单元，但没有在firefox中找到。

Answer 3

我会看一下jqModal。