在项目中是用了easyui-dialog,设置如下:
<div id="updateGiftBagDialog" title="新增礼包"
style="height: 200; width: 710px;top:10px;position: relative;"
class="easyui-dialog" data-options="modal:true,closed:true">
<div>具体内容</div>
</div>
实际中发现如下图所示:
查看代码发现,easyui实际上是产生了一个window以及一个panel,样式是一样的,因此windowtop=10px,paneltop=10px,出现上图情况。css代码截图如下:
实际代码中只是写了一个top=10px,原本意义是处理dialog位置的。
解决办法:在打开窗口前设置样式,top=0;
$('#updateGiftBagDialog').css("top","0");
因为,窗口已经形成,此时设置的样式仅仅是panel的样式,而不会对panel window产生影响,我是用的easyui版本1.3.6,