html中怎么在当前页面前面显示一个页面,然后当前页面变暗!

发布网友

我来回答

3个回答

热心网友

<style>
.tck_right{ width:791px; float:right;}
.tck{ width:710px; z-index:99999; position:absolute; margin-left:150px; margin-top:150px;}
.tck_top{ width:710px; height:13px;}
.tck_title{ width:472px; height:px; overflow:hidden; padding-right:58px; background:url(images/tck_09.jpg) no-repeat; font-weight:bold; padding-left:180px; text-align:right; line-height:px; font-size:18px; font-family:"微软雅黑"; color:#a95d5d;}
.tck_cen{ width:610px;background:url(images/tck_c_13.jpg) repeat-y; font-family:"微软雅黑"; font-size:14px; text-align:left; padding:0 50px; color:#545454; line-height:30px;}
.tck_bot{ width:710px; height:126px;background:url(images/tck_b_11.png) center bottom no-repeat;}
.tck_close{ width:23px; height:58px; z-index:999991; position:absolute; right:-23px; margin-top:20px; cursor:pointer;}
</style>
<div style="width: 100%; left: 0px; top: 0px; height: 100%; position: fixed; -moz-user-select: none; z-index: 10999; visibility: visible;background: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>

热心网友

加个黑色背景有透明度的背景,浮动在上层就行了。
类似下面的结构,显示的页面是winbody,背景是mask,
设置win为绝对定位,宽高分别为100%;有可能需要js配合,
mask可以设置为绝对定位,也可以不设置,背景黑色,透明度任调。
winbody也要绝对定位,js计算居中。
<div class="win">
<div class="mask"><div>

<div class="winbody">这个是弹窗的主体内容</div>
</div>追问你QQ多少?我不太会、、、

热心网友

jquery有一个jquery.nyroModal-1.6.2,你可以去官方网上下载,有起来非常简单

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com