r1n*_*ler 0 html javascript css
你知道你可以点击一个HTML元素,如主要的图像,并在屏幕上拖动的"影子版本"?
喜欢看堆栈溢出标志?如果单击并拖动它,则可以在屏幕上移动它的暗色版本.
所以我的问题是,有没有办法删除拖动HTML元素,主要是图像?
这是浏览器的功能.这是将图像保存到本地硬盘更容易的快捷方式.有三种方法可以修复或解决此问题:
最好的方法是使用div具有相同图像宽度和高度的图像替换图像,并将background-image属性设置为所需的图像.背景不可拖动,因此这将完全符合您的要求.对于奖励积分,设置div的风格display: inline-block;,使其更接近模仿图像行为.
您可以做的另一件好事是使透明 div与图像大小相同,并使用绝对定位和z-index将其定位在图像上.维护起来比较麻烦,但在布局中实现起来可能更容易.
最后的选择太糟糕了.您只需将以下JavaScript添加到您的页面:
document.getElementById('my-image').ondragstart = function() { return false; };
...将'my-image'更改为图像元素的ID,然后就完成了.但是这个选项是一个坏主意,因为它依赖于Javascript,并非所有浏览器都会启用.
作为脚注,如果您试图阻止图像被保存 - 请不要打扰.无论有没有任何客户端保护,抓取图像都非常容易.
| 归档时间: |
|
| 查看次数: |
1044 次 |
| 最近记录: |