重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1 背景半透明遮罩层样式
十载的弓长岭网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整弓长岭建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“弓长岭网站设计”,“弓长岭网站推广”以来,每个客户项目都认真落实执行。
需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:
2 jQuery实现遮罩
3 提示框
遮罩的目的无非让人无法操作内容,突出提示框,而提示框可参考上面的制作,z-index比遮罩层更高便可。主要问题是,如何控制提示框在浏览器居中。
从Chrome控制台临时关闭可以这么做:
右键这个遮罩,选择“审查元素“,然后定位到其父级元素,再按键盘H(表示hide),这个区域就可以临时隐藏了。再按一次又可show出。
说明你的遮罩层的z-index的数值比弹出层的小了~所以造成了弹出层在上面遮罩层在下面遮不住了呗~
$(".close").click(function(){
$(this).parent("dd").hide();
$('#layer').hide();
})