Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
117
rated 0 times [  120] [ 3]  / answers: 1 / hits: 17666  / 11 Years ago, mon, april 29, 2013, 12:00:00

I've noticed that in Google Chrome, one can click and hold an image and while holding a semi-transparent copy of that image attaches itself with the cursor. Then one can drag that image to the desktop to save it.



I want to prevent and stop the semi-transparent version of the image attaching itself to the cursor on hold of certain images in my site.



How can I do this?


More From » jquery

 Answers
187

You can prevent this behavior by using the property



-webkit-user-drag: auto | element | none;


See the doc of -webkit-user-drag CSS-infos.net (I didn't find an MDN doc, if someone has a better reference)






How to use



Add a .nonDraggableImage class on your img tags, and add on your CSS :



.nonDraggableImage{
-webkit-user-drag: none;
}

[#78531] Sunday, April 28, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
helenat

Total Points: 450
Total Questions: 95
Total Answers: 97

Location: Central African Republic
Member since Mon, Aug 10, 2020
4 Years ago
;