最简单的js+css遮罩实现

在<body>里面放置<div id="cover" class="cover"></div>


页面添加style

<style type="text/css">
.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;
}
</style>


添加js脚本,实现遮罩

function showMask(){
    $("#cover").toggle();
}


直接调用showMask()

你可能感兴趣的:(css)