jquery – 如何定位SimpleModal弹出帖子的元素

我正在使用 simplemodal plugin以及此 tutorial在我的WordPress网站上弹出帖子,从主页上的拇指.我一遍又一遍地阅读教程,无法弄清楚如何定位叠加层来设计它.我还需要定位simplemodal-container以及样式.本教程为此函数调用弹出文章.

jQuery(document).ready(function() {
    jQuery('a.postpopup').click(function(){
        id = jQuery(this).attr('rel');
        jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://urlofyoursite.com/ajax-handler/?id='+id).modal();
        return false;
    });
});

simplemodal插件表示您可以使用overlayCss [Object：{}]更改叠加层的样式,并使用COntainerCss [Object：{}]更改simplemodal-container的样式.但是,我尝试将其置于此函数中的任何位置都会导致问题.我尝试在上面的函数下添加它,但它没有做任何事情.

jQuery("#ajax-popup").modal({
    opacity:80,overlayCss: {BACkgroundColor:"#000"},containerCss: {margin: "0 auto",top:0}
});

我做错了什么,我做了什么,我需要添加这个？

更新：好的我到了某个地方,但容器css由于某种原因不会覆盖默认设置.

jQuery(document).ready(function() {
    jQuery('a.postpopup').live('click',function(){
        var id = jQuery(this).attr('rel');
        jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({
           opacity:90,containerCss:{
               top:0
           },overlayClose:true
        });
        return false;
    }); 
});

jQuery(document).ready(function() {
    jQuery('a.postpopup').live('click',position: ["0%"],overlayClose:true
        });
        return false;
    });
});