Maison  >  Article  >  interface Web  >  Comment empêcher la sélection des images CSS

Comment empêcher la sélection des images CSS

藏色散人
藏色散人original
2020-12-31 09:51:045480parcourir

Comment utiliser CSS pour empêcher la sélection des images : ouvrez d'abord le fichier de code CSS correspondant ; puis utilisez l'attribut "pointer-events" en CSS pour définir l'image pour empêcher la sélection, avec des instructions telles que "img {événements de pointeur : aucun ;}".

Comment empêcher la sélection des images CSS

L'environnement d'exploitation de ce tutoriel : ordinateur Dell G3, système Windows 7, version css3.

Vous pouvez utiliser l'attribut pointer-events en CSS pour définir que l'image ne soit pas sélectionnée.

L'attribut pointer-events spécifie dans quelles circonstances (le cas échéant) un élément graphique spécifique peut être la cible d'événements de souris. Une valeur de none signifie que l'événement de souris "pénètre" l'élément et spécifie tout ce qui se trouve "en dessous" de l'élément. Cela signifie que l'élément ne peut pas être sélectionné.

le code CSS est le suivant :

img {
pointer-events: none;
}

aucun : L'élément ne sera jamais la cible d'événements de souris. Cependant, les événements de souris peuvent être dirigés vers des éléments descendants lorsque leur attribut pointer-events spécifie une valeur différente, auquel cas l'événement de souris déclenchera l'écouteur d'événements de l'élément parent pendant la phase de capture ou de bouillonnement.

Recommandé : "Tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn