一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

頁面遮罩層,并且阻止頁面body滾動。bootstrap模態(tài)框原理

實(shí)現(xiàn)思路:

1、需要有一個層將body遮住,放在body上方。

2、修改body的overflow屬性值為:hidden

廢話不多說了,將關(guān)鍵代碼貼出來了,兼容火狐,谷歌,ie

遮罩層的樣式代碼,紅色部分是關(guān)鍵的部分

復(fù)制代碼 代碼如下:
.cover {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777;
z-index: 1002; left: 0px; display:none;
opacity:0.5; -moz-opacity:0.5;
}

網(wǎng)頁部分的代碼

復(fù)制代碼 代碼如下:
<body>

  <div class="container" style="height:2000px;">
    <div style="height:1000px;"></div>
    <a href="Javascript:;" onclick="showMask()" >點(diǎn)我顯示遮罩層</a><br />
  </div>
  <div id="cover" class="cover"></div>
</body>

js部分的代碼

復(fù)制代碼 代碼如下:
function showMask(){
$('body').css("overflow","hidden")
$("#cover").show();
}

HTML/CSS技術(shù)頁面遮罩層,并且阻止頁面body滾動。bootstrap模態(tài)框原理,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 美女视频啪啪 | 伊人加勒比| 欧美成人网7777视频 | 精品一区二区三区高清免费观看 | 亚洲伊人精品综合在合线 | 国产伦精品一区二区三区 | 草草视频手机在线观看视频 | 色多多a| 国产在线一区二区三区四区 | 思思久久99热免费精品6 | 久久久久青草大香线综合精品 | 四虎影视永久在线精品免费播放 | 日本免费新一区二区三区 | 色播在线| 国产一区二区高清在线 | 视频在线亚洲 | 激性欧美在线播激性欧美 | 成人精品综合免费视频 | 男人进去女人爽免费视频国产 | 国产不卡一区 | 午夜激情视频在线观看 | 一区二区在线观看视频在线 | 一级黄色a毛片 | 婷婷色九月 | 精品国产一区二区三区不卡在线 | 怡红院美国十次成人影院 | 亚洲精品美女久久久aaa | 久青草国产在线视频亚瑟影视 | 岛国一级毛片 | 自拍偷拍2019 | 麻豆精品 | 精品日本一区二区三区在线观看 | 亚洲国产成人久久综合野外 | 欧美人与禽交 | 日本韩国三级在线 | 91短视频网址 | 激情小说图片 | 激情在线播放免费视频高清 | 91视频国产高清 | 美女精品视频 | 91久久精品国产91久久性色也 |