怎么设置网页图片不可拖拽 css

如题所述

第1个回答  推荐于2018-07-30
您好,尝试给图片添加一个属性:draggable="false"。本回答被网友采纳
第2个回答  2017-01-11
给body加上 ondragstart="return false"
第3个回答  2018-07-27
<body ondragstart="return false">
第4个回答  2018-02-13

建议使用Javascript兼容,代码如下:

ondrag="return false"

如果是全局可以是:

window.onload = function(){
    var a = document.getElementByTagName('img');
    for(var i=a.length-1;i>=0;i--){
        a[i].addEventListener('drag',function(){
            return false;
        })
    }
}

如果用CSS,就是用:

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;

禁止选择之后就不会拖动了

网友推荐的答案draggable="false"虽说可行,但是不兼容,原因是

目前只有 Firefox、Chrome 以及 Safari 支持 draggable 属性啊~

o(^▽^)o求采纳

怎么设置网页图片不可拖拽 css
您好,尝试给图片添加一个属性:draggable="false"。

如何让网页背景图片无论怎样改变窗口大小始终居中?
网页窗口大小如何改变 最简单的方法就是打开一个网页 把它拖拽到满屏,然后在关掉 你在打开试试 网页背景图片如何做连接? 在你的源码中找到你哪张图片,然后在图片结束那里加上:<hear="连接地址"> 怎样给网页背景图片加链接 背景不能做超链接的,插入的图片可以 插入图片后,鼠标右键图片有...

我在做移动端时遇见的css问题
另一方面,给body添加,可以阻止图片被默认拖拽。百度的logo就可以被拖拽。 15.pageshow()和pagehide()方法。 问题描述:A页面跳转到B页面,在B页面操作后,返回到A页面,A页面的ajax方法不能被再次触发。appcan里面从B页面返回A页面是直接关闭了B页面,微信里是从缓存里取。这两者都不能再次触发A页面的ajax。比如,修改...

关于如何利用CSS自动调整图片的大小
1、首先需要新建一个HTML页面。2、然后输入页面的标题,可以按照下方图中的进行设置。3、然后在根据下方图片中的代码进行编辑,4、在两个div的class 中添加相同的控制图片的class名为了 ”img“,并为div添加控制宽度的样式。5、在两个div中加入相同的图片,在浏览器打开页面发现加入图片后把原来的div都...

纯CSS 也能实现拖拽效果?
有两种布局方式:一种使用`fixed`定位,另一种使用`absolute`定位。固定布局可能需要借助JS动态改变容器状态,而绝对定位布局则不影响原有页面滚动。实现其他功能:拖拽结束时自动吸附边缘,使用CSS Scroll Snap实现。初始位置和留间距通过CSS设置即可。关于兼容性,实测发现ios问题较多,尤其是滚动容器问题。

css无法拖拽按钮 怎么回事?
一行代码做了限制:btn{ resize:none;}这句话就是说button的大小不可以改变。

dw如何设置图片为软件的背景。不是用代码设置网页页面背景。_百度知 ...
打开DW进行尝试,发现DW并不能通过CSS代码实现背景图片的可视化插入。在DW中插入的图片,形式都是以标签出现,而不是直接作为背景。在DW中,若想设置图片作为软件背景,首先需要在图片库中选择你想要作为背景的图片。接着,将该图片拖拽至文档区域。确保图片位于文档的最顶层,以便作为背景显示。在图片被正确...

如何让textarea不可拖拽
使textarea不可拖拽的操作,可使用【resize:none;】进行操作。具体代码如下:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "<html xmlns="textarea文本框不能拖动大小textarea{ resize:none;} <textarea name="wenben"><\/textarea>详细代码见附件。效果示例图如下:

怎样用C#实现图片拖拽替换效果
真是不好弄 而且用C#更不好弄 如果用JS还简单点 首先拖拽就是要用CSS+div+js来实现 还要替换原图片 如果只是替换位置还好说 如果还要附加图片的相关内容 就需要跟服务器交互了 没具体实现过 不过大体思路就是这样了 是不是ajax有相关的实现呢?不太知道 ...

...怎么才能随意的拖拽文字和图片到自己想要的位置呢?答好的加分_百度...
工具原料:软件:Dreamweaver。硬件:电脑。移动方法:1、打开软件创建项目。2、输入任意文字和插入图像文件。3、在需要移动文字的前面点击鼠标左键,然后按住ctrl+shift+空格键,即可看到移动文字到所需位置。4、移动图像需要点击图像设置CSS样式规则定义,新建。5、在弹出的CSS规则定义手动输入即可。

相似回答