小编tmk*_*ly3的帖子

在不使用JS的情况下防止图像可拖动或可选择

有没有人知道如何在Firefox中使图像不可拖动且不可选择 - 同时不使用Javascript?看似微不足道,但问题在于:

1)可以在Firefox中拖动和突出显示:

<img src="...">
Run Code Online (Sandbox Code Playgroud)

2)所以我们添加它,但拖动时仍然可以突出显示图像:

<img src="..." draggable="false">
Run Code Online (Sandbox Code Playgroud)

3)所以我们添加这个,以解决突出显示问题,但后来违反直觉,图像再次变得可拖动.很奇怪,我知道!使用FF 16.0.1

<img src="..." draggable="false" style="-moz-user-select: none;">
Run Code Online (Sandbox Code Playgroud)

那么,有没有人知道为什么添加"-moz-user-select:none",会以某种方式特朗普并禁用"draggable = false"?当然,webkit按预期工作.关于这一点,Interwebs上没有任何内容......如果我们能够一起发光,那就太好了.

谢谢!!

编辑: 这是关于保持UI元素不被无意拖动并提高可用性 - 不是一些跛脚尝试复制保护方案:-)

html css firefox html5 draggable

120
推荐指数
6
解决办法
13万
查看次数

标签 统计

css ×1

draggable ×1

firefox ×1

html ×1

html5 ×1