html怎么禁止另存(2)-木庄网络博客

2022-04-05 17:25:45 PHP中文网 JavaScript 百度已收录

另一种方式是：在整个页面上面再加一层“保护层”，让用户不能操作真正的页面就行。

方法：找到要禁止页面的最小div的class属性，然后加上如下样式，比如div的class为container，则这么写：

.container{
position:relative;
}
.container::before{
content:'';
width:100%;
height:100%;
position:absolute;
z-index:1000;
background-color:#fff;
opacity:0;
top:0;
left:0;
}

注意z-index的值要是整个页面最大的，然后透明度opacity置为0，即完全透明，这样就把真的数据遮挡起来而不被察觉了。

【推荐学习：html视频教程】

以上就是html怎么禁止另存的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

标注Html元素时class与id有什么不同

Html实现抢票功能(设定时间打开抢票的页面)

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html怎么禁止另存

html怎么禁止另存

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论