最近做的一个小demo，在添加Dialog的时候出现了对话框显示的问题，如下左图所示。

一开始以为自己的写的CSS文件影响了，注释掉还是这个问题，所以问题指向很明确了，是官方weui.css的问题。但是官方demo里的运行是正常显示的。

  

index.jsp页面引入了weui.css还有jquery-weui.css

一般使用jQuery WeUI时也需要依赖weui.css的，所以在jQuery WeUI解压后的dist/lib还会提供对应的weui.css

我的demo里用的 weui.css 是 v2.1.3 ，而jQuery WeUI依赖的这个weui.css 是 v1.1.3，由于版本不一致，导致页面显示不兼容。

解决办法也很简单，直接替换成可兼容的weui.css即可，但是现在发布的jQuery WeUI版本是比WeUI要低一个版本的，所以页面显示会有点点差异，如果不想修改页面其他元素的样式，又想保证Dialog正常显示，可以直接把上图里那段.weui-dialog替换或者修改一下位置。