我试图尽可能少的jQuery代码进行模态对话，因为我的项目已经有一点点jQuery加载到它。
所以，我首先需要一个覆盖，这是通过以下方式实现的：
$('body').wrapInner('<div />')
.css('opacity','0.5')
.css('z-index','2')
.attr('id','dim1');
无视现在我有另一个例程来杀死#dim1上的点击事件，而这个模式存在。所以，现在我需要画出我的模态对话框：
$('body').append('<div id="test">My Test</div>');
$('#test')
.css('opacity','1.0')
.css('position','fixed')
.css('color','#000')
.css('z-index','2000')
.css('height','300px')
.css('width','300px')
.css('top','50%')
.css('left','50%');
但是，当我这样做时，我最终会看到一个变暗的#test，当我不想让它变暗 – 只是背后的东西。什么诀窍
