新闻中心 网络推广 网站建设 优化推广

实用技巧,前端页面css怎样防止图片被拖拽

在浏览器中,常见的一种行为就是:选中-拖拽-新页面打开,例如百度搜索就是这样.但是我现在不想让别人在我的个人网页上选中,也不想让他人拖拽我的照片,要怎么做呢?

下面我们来看一下使用css设置图片不可拖动的方法。

css设置图片不可拖动实例:

css居中对齐
div{
width: 500px;

height: 500px;

border: 1px solid red;}

img {
-webkit-user-drag: none;

}

css设置图片不可拖动主要使用user-drag来设置。user-drag设置或检索一个元素可以被拖拽。

法:

user-drag:auto | element | none

默认值:auto

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

取值:

auto:使用默认的拖拽行为,这种情况只有图片和链接可以被拖拽。

element:整个元素而非它的内容可拖拽。

none:元素不能被拖动。在通过选中后可拖拽。


网站TAG标签: 北京 行业 营销 建站 技术 平台 定制 系统 互联网 门户 发展 体验 经验 内容 手机 全球 中国 展示 合作 业务 搜索 电子 团队 项目 更多 运营 页面 商城 集团 售后 风格 价值 优势 做网站 响应式 发布 方式 维护 软件 效果 分析 工作 动态 过程 分享 广告 seo 商业 时间 资讯 打造 相关 优秀 工程 更好 原创
留言

免费通话    15899750475

工作时间:8:30-12:00;13:30-17:00

请输入您的电话,我们会及时联系您!

电话

关注公众号

 
微信
Top