SimpleModal containerCSS无法在Firefox或Chrome中运行

Question

我试图覆盖带有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 code：

<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下载。

Answer 1

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

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

我遗漏了在IE中找不到的单位，但没有在firefox中找到。

Answer 2

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

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

身高：300px！重要;

将覆盖内联样式。

干杯！

Answer 3

我会看一下jqModal。