CSS屏蔽右键指的是在网页中禁用鼠标右键的功能。这样做的原因可能是出于版权保护等考虑。在CSS中,可以通过伪类选择器来实现对右键菜单的控制。以下是禁用右键的CSS代码:
body { -webkit-user-select: none; /* Chrome和Safari中有效 */ -moz-user-select: none; /* Firefox中有效 */ -ms-user-select: none; /* IE10+中有效 */ user-select: none; /* 其他浏览器中有效 */ } body { cursor: default; /* 禁用鼠标右键的默认行为 */ } html, body { width: 100%; height: 100%; } body:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: default; /* 禁用鼠标右键的默认行为 */ z-index: -1; }
上面的代码中,我们采用了两种方法来禁用右键:一是禁用鼠标选中文本的功能,二是隐藏了一个透明层,使得整个网页都不能被右键菜单选中。
需要注意的是,禁用右键的功能可能会造成用户的不便,因此应慎重使用。