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

Comment empêcher la sélection des images CSS

藏色散人
Libérer: 2023-01-04 09:38:23
original
5521 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal