css屏蔽img的右键

在网页制作中，有时需要通过CSS屏蔽图片的右键菜单。这种需求可能来自于保护图片版权或防止图片被轻易下载。

[CSS] 纯文本查看 复制代码

img {
-webkit-touch-callout:none; /*禁止长按链接与图片弹出菜单 */
-webkit-user-select:none; /*禁止选中 */
-khtml-user-select:none; /*禁止选中 */
-moz-user-select:none; /*禁止选中 */
-ms-user-select:none; /*禁止选中 */
user-select:none; /*禁止选中 */
}

上述代码利用了CSS属性的特性，将图片的各种属性设为不能选中、不能弹出菜单，从而达到屏蔽图片右键的效果。需要注意的是，这种方法并不能百分之百地阻止用户将图片下载下来。

另外，如果想要屏蔽网页的整个右键菜单，在CSS中可以这样写：

[CSS] 纯文本查看 复制代码

body {
-webkit-touch-callout:none; /*禁止长按链接与图片弹出菜单 */
-webkit-user-select:none; /*禁止选中 */
-khtml-user-select:none; /*禁止选中 */
-moz-user-select:none; /*禁止选中 */
-ms-user-select:none; /*禁止选中 */
user-select:none; /*禁止选中 */
}

这时，整个页面都无法使用右键菜单了。