网页制作，一些网页点击某个按钮后d出一个小对话框，页面的其他地方变暗了（未被激活）这个怎么实现？

d出两个层 一个是对话框 一个是遮罩层 对话框位于遮罩层上方

对话框用于显示用户可以 *** 作的地方

遮罩层就是一个铺满全屏的一个半透明的div 阻止用户点击别的地方，以实现未激活的现象

----例子 百度搜 blockui这个就是一个挺简单的js插件

.tck_right{ width:791pxfloat:right}

.tck{ width:710pxz-index:99999position:absolutemargin-left:150pxmargin-top:150px}

.tck_top{ width:710pxheight:13px}

.tck_title{ width:472pxheight:64pxoverflow:hiddenpadding-right:58pxbackground:url(images/tck_09.jpg) no-repeatfont-weight:boldpadding-left:180pxtext-align:rightline-height:64pxfont-size:18pxfont-family:"微软雅黑"color:#a95d5d}

.tck_cen{ width:610pxbackground:url(images/tck_c_13.jpg) repeat-yfont-family:"微软雅黑"font-size:14pxtext-align:leftpadding:0 50pxcolor:#545454line-height:30px}

.tck_bot{ width:710pxheight:126pxbackground:url(images/tck_b_11.png) center bottom no-repeat}

.tck_close{ width:23pxheight:58pxz-index:999991position:absoluteright:-23pxmargin-top:20pxcursor:pointer}

</style>

<div style="width: 100%left: 0pxtop: 0pxheight: 100%position: fixed-moz-user-select: nonez-index: 10999visibility: visiblebackground:url(images/bg_png.png) repeat opacity:1"></div>

<div class="tck">

<div class="tck_close"><a href="#"><img src="images/close_10.png" width="23" height="58" /></a></div>

<div class="tck_top"><img src="images/tck_t_07.png" width="710" height="13"></div>

<div class="tck_title">京合农品服务平台开始试运营京合农品服务平台开始试运营京合农品服务平台开始试运营</div>

<div class="tck_cen">京合农品服务平台开始试运营 各位社员：京合农品”从5月15日开始试运营，为了能让大家更好地使用京合农品服务平台 ，请注意以下事项： 一、社员登录 请各位 员根据手机短信收到的用, 名和密码登录个人账户，及时修改密码，并查看账户余额，如发现余额不对，请及时告知社务会。 二、订单流程 ：

1. 京合农品服务平台的农产品每周配周配送两次，周二、周五各一次。

2. 由于需要对各种产品进行统一分拣、集中配送，并保证农产品的新鲜度，各位社员需至少提前一天完成订购。截止到每周日下午3时（周四至周日），可订购周二配送的农产品；截止到每周三下午3时（周一至周三），可订购周五配送的农产品。

三、其他事项 1. 由于目前订购398元绿色有机时蔬家庭装的人员较多，需在周四、周五

<div class="clear"></div>

</div>

<div class="tck_bot"></div>

</div>