开启辅助访问
帐号登录 |立即注册

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; /*禁止选中 */
}

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

使用道具 举报

0 个回复

倒序浏览

快速回复

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

本版积分规则

友情链接
  • 艾Q网

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