本文主要是介绍html5页面蒙版原理,html加蒙版效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
body
更新状态
{% csrf_token %}
请稍等...
style
.popWindow {
background-color: #9D9D9D;
width: 100%;
height: 100%;
left: 0;
top: 0;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 1;
position: absolute;
}
.load_ts {
color: #0C0C0C;
display: block;
position: fixed;
text-align: center;
bottom: 46%;
font-size: 20px;
font-family: 微软雅黑;
width: 100%;
}
js
$(function () {
updateStatus();
});
//查询状态并更新
function updateStatus() {
$("#refresh_button").click(function () {
$("#popWindow").css("display", "inherit");
});
}
显示效果：
image.png
image.png
这篇关于html5页面蒙版原理,html加蒙版效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
