arrêter de google Chrome cliquez sur et faites glisser l'image comportement par défaut

J'ai remarqué que dans Google Chrome, on peut cliquer et maintenir une image et tout en maintenant une semi-transparent copie de cette image se fixe à l'aide du curseur. Ensuite, on peut faire glisser l'image sur le bureau de l'enregistrer.

Je tiens à prévenir et à faire cesser la semi-transparent la version de l'image s'attachant à le curseur sur la prise de certaines images dans mon site.

Comment puis-je faire cela?

InformationsquelleAutor Irfan Mir | 2013-04-29
  1. 44

    Vous pouvez éviter ce problème en utilisant la propriété 

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

    Voir la doc de -webkit-user-drag CSS-infos.net (je n'ai pas trouvé un MDN doc, si quelqu'un a une meilleure référence)

    Comment utiliser

    Ajouter un .nonDraggableImage classe sur votre img de balises et d'ajouter sur votre CSS :

    .nonDraggableImage{
    -webkit-user-drag: none;
}
    • Il n'y a pas de IE équivalent à cette propriété.
    • C'est aussi utile pour empêcher les liens de style que des boutons ("Bootstrap" un.btn) à partir accidentellement traîné par un maladroit utilisateur (moi)
    InformationsquelleAutor Bigood
  2. 2

    Une autre façon est de créer une image transparente sur le haut de l'image que vous souhaitez empêcher l'affichage.

    Veuillez consulter:
    http://www.dwuser.com/education/content/stop-the-thieves-strategies-to-protect-your-images/

    vérifier dans "Tromper les téléchargeurs"

    • +1 tour de Nice :), car il empêche l'utilisateur de base à partir d'un clic droit et d'économie. Mais la manière "propre" pour éviter OP comportement est encore d'utiliser -webkit-user-drag: none;
    InformationsquelleAutor Sablefoste
  3. 0

    J'ai dû utiliser une autre solution pour le faire fonctionner:

    <img src="http://placehold.it/150x150" draggable="false">

    Merci: https://stackoverflow.com/a/7439078/2443005

    InformationsquelleAutor BBlackwo