第二种情况是关于弹出框，没有关闭按钮，但是点击其他地方的时候，弹出框消失，这个还涉及到一些关于层次问题，必须用js给弹出框的父元素加上更高的层次，以免被下面的内容覆盖。
复制代码 代码如下:
<div>
<div>
<h2>询盘分配</h2>
<div>
<ul>
<li>询盘详情</li>
<li>联系人</li>
<li>所在地</li>
<li>来源</li>
</ul>
</div>
</div>
<div>
<ul>
<li>
<div>
<div><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div>李经理</div>
<div>安徽宿州</div>
<div>在线客服</div>
<a href="" contentid=".pwdTips">分配到人</a>
<div>半小时前</div>
<div></div>
<div> <i></i>
<div>
<div>
<div>日期：</div>
<div>2013-7-25 14:54:54</div>
</div>
<div>
<div>来源：</div>
<div>在线客服</div>
</div>
<div>
<div>客户所在地：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系人：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系方式：</div>
<div>上海闵行</div>
</div>
<div>
<div>QQ：</div>
<div>34455566666</div>
</div>
<div>
<div>询盘详情：</div>
<div>想要个3*1300的剪板机，能裁3个的不锈钢板 1300的就行。有现货吗?不含税最低多钱?（烟台）</div>
</div>
<div>
<div>营销客服：</div>
<div>上海闵行</div>
</div>
</div>
</div>
</li>
<li>
<div>
<div><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div>李经理</div>
<div>安徽宿州</div>
<div>在线客服</div>
<a href="">分配到人</a>
<div>半小时前</div>
<div></div>
<div> <i></i>
<div>
<div>
<div>日期：</div>
<div>2013-7-25 14:54:54</div>
</div>
<div>
<div>来源：</div>
<div>在线客服</div>
</div>
<div>
<div>客户所在地：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系人：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系方式：</div>
<div>上海闵行</div>
</div>
<div>
<div>QQ：</div>
<div>34455566666</div>
</div>
<div>
<div>询盘详情：</div>
<div>想要个3*1300的剪板机，能裁3个的不锈钢板 1300的就行。有现货吗?不含税最低多钱?（烟台）</div>
</div>
<div>
<div>营销客服：</div>
<div>上海闵行</div>
</div>
</div>
</div>
</li>
<li>
<div>
<div><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div>李经理</div>
<div>安徽宿州</div>
<div>在线客服</div>
<a href="">分配到人</a>
<div>半小时前</div>
<div></div>
<div> <i></i>
<div>
<div>
<div>日期：</div>
<div>2013-7-25 14:54:54</div>
</div>
<div>
<div>来源：</div>
<div>在线客服</div>
</div>
<div>
<div>客户所在地：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系人：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系方式：</div>
<div>上海闵行</div>
</div>
<div>
<div>QQ：</div>
<div>34455566666</div>
</div>
<div>
<div>询盘详情：</div>
<div>想要个3*1300的剪板机，能裁3个的不锈钢板 1300的就行。有现货吗?不含税最低多钱?（烟台）</div>
</div>
<div>
<div>营销客服：</div>
<div>上海闵行</div>
</div>
</div>
</div>
</li>
<li>
<div>
<div><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div>李经理</div>
<div>安徽宿州</div>
<div>在线客服</div>
<a href="">分配到人</a>
<div>半小时前</div>
<div></div>
<div> <i></i>
<div>
<div>
<div>日期：</div>
<div>2013-7-25 14:54:54</div>
</div>
<div>
<div>来源：</div>
<div>在线客服</div>
</div>
<div>
<div>客户所在地：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系人：</div>
<div>上海闵行</div>
</div>
<div>
<div>联系方式：</div>
<div>上海闵行</div>
</div>
<div>
<div>QQ：</div>
<div>34455566666</div>
</div>
<div>
<div>询盘详情：</div>
<div>想要个3*1300的剪板机，能裁3个的不锈钢板 1300的就行。有现货吗?不含税最低多钱?（烟台）</div>
</div>
<div>
<div>营销客服：</div>
<div>上海闵行</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
js代码：
复制代码 代码如下: