请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

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中可以这样写:

body {
-webkit-touch-callout:none; /*禁止长按链接与图片弹出菜单 */
-webkit-user-select:none; /*禁止选中 */
-khtml-user-select:none; /*禁止选中 */
-moz-user-select:none; /*禁止选中 */
-ms-user-select:none; /*禁止选中 */
user-select:none; /*禁止选中 */
}
这时,整个页面都无法使用右键菜单了。

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。