$(".close").click(function(){
创新互联-专业网站定制、快速模板网站建设、高性价比盐津网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式盐津网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖盐津地区。费用合理售后完善,十余年实体公司更值得信赖。
$(this).parent("dd").hide();
$('#layer').hide();
})
从Chrome控制台临时关闭可以这么做:
右键这个遮罩,选择“审查元素“,然后定位到其父级元素,再按键盘H(表示hide),这个区域就可以临时隐藏了。再按一次又可show出。
说明你的遮罩层的z-index的数值比弹出层的小了~所以造成了弹出层在上面遮罩层在下面遮不住了呗~
1 背景半透明遮罩层样式
需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:
2 jQuery实现遮罩
3 提示框
遮罩的目的无非让人无法操作内容,突出提示框,而提示框可参考上面的制作,z-index比遮罩层更高便可。主要问题是,如何控制提示框在浏览器居中。