日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章主要介紹了css實(shí)現(xiàn)彈出對(duì)話框同時(shí)出現(xiàn)遮罩層的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷，提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷、成都微信小程序、公眾號(hào)商城、等建站開發(fā)，創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

最近的項(xiàng)目有留言板彈出對(duì)話框，然后我就自己寫了一個(gè)靜態(tài)的，下面就直接上代碼：

	

		這里是要填寫的內(nèi)容
	

/*灰色遮罩層*/
.fade {
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   position: fixed;
   left: 0;
   top: 0;
   z-index: 2;
}
/*彈出層*/
.succ-pop {
   width: 400px;
   height: 300px;
   background: #fff;
   position: fixed;/*這里的定位可以根據(jù)自己喜好選擇absolute或者fixed*/
   left: 50%;	
   top: 50%;/*這里的top根據(jù)自己的需要定*/
   margin-left: -200px;
   margin-top: -150px;
   z-index: 3;
   border-radius: 5px;
   box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.succ-pop h3.title {
   text-align: center;
   color: lightskyblue;
}

如果你不希望有彈框的時(shí)候頁面還會(huì)滾動(dòng)，那就加上$('body').css('overflow-y','hidden');就可以了。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css實(shí)現(xiàn)彈出對(duì)話框同時(shí)出現(xiàn)遮罩層的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

當(dāng)前題目：css實(shí)現(xiàn)彈出對(duì)話框同時(shí)出現(xiàn)遮罩層的方法
當(dāng)前地址：http://www.dlmjj.cn/article/pgoghp.html