在一个html的界面上点连接弹出一个窗口,下面的html页面变灰色

2025-01-01 05:17:00
推荐回答(3个)
回答1:






点击显示遮罩层

body { font: 12px Verdana, Arial, Helvetica, sans-serif; }
.mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #B2B2B2; z-index: 999; left: 0px; opacity: 0.5; -moz-opacity: 0.5; }
.content { display: none; padding: 25px 20px; width: 600px; border: 1px solid #b2b2b2; background: #fff; z-index: 1000; position: fixed; left: 25%; top: 20%; }
.content h3, .content p { padding: 10px; background: #888; color: #fff; }
#close { cursor: pointer; font-size: 20px; color: #888; position: absolute; top: 5px; right: 20px; }
#open1 { width: 90px; color: #000; cursor: pointer; padding: 10px; background: #888; color: #fff; }


$(function(){
$("#open1").click(function(){
$("#mask").css({
"height":$(document).height(),
"width":$(document).width()
}).show();
})
$("#open1").click(function(){
$(".content").show();
})
$("#close").click(function(){
$(".content").hide();
$("#mask").hide();
})
})




点击显示遮罩层


HTML 5


XHTML 是更严谨更纯净的 HTML 版本。


x


回答2:

添加一个无内容的层 宽度为100% 设置z-index比你的弹出窗口的小就好了

回答3:

用弹出层就可以了

相关问答
最新问答