1 背景半透明遮罩層樣式
十載的弓長嶺網站建設經驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。營銷型網站的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調整弓長嶺建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“弓長嶺網站設計”,“弓長嶺網站推廣”以來,每個客戶項目都認真落實執(zhí)行。
需要一個黑色(當然也可以其他)背景,且須設置為絕對定位,以下是項目中用到的css樣式:
2 jQuery實現(xiàn)遮罩
3 提示框
遮罩的目的無非讓人無法操作內容,突出提示框,而提示框可參考上面的制作,z-index比遮罩層更高便可。主要問題是,如何控制提示框在瀏覽器居中。
從Chrome控制臺臨時關閉可以這么做:
右鍵這個遮罩,選擇“審查元素“,然后定位到其父級元素,再按鍵盤H(表示hide),這個區(qū)域就可以臨時隱藏了。再按一次又可show出。
說明你的遮罩層的z-index的數(shù)值比彈出層的小了~所以造成了彈出層在上面遮罩層在下面遮不住了唄~
$(".close").click(function(){
$(this).parent("dd").hide();
$('#layer').hide();
})