Heim  >  Artikel  >  Web-Frontend  >  So verhindern Sie, dass CSS-Bilder ausgewählt werden

So verhindern Sie, dass CSS-Bilder ausgewählt werden

藏色散人
藏色散人Original
2020-12-31 09:51:045481Durchsuche

Css-Methode, um die Auswahl von Bildern zu verhindern: Öffnen Sie zuerst die entsprechende CSS-Codedatei und verwenden Sie dann das Attribut „pointer-events“ in CSS, um die Auswahl des Bildes aufzuheben, mit Anweisungen wie „img {pointer-events: none ;}" .

So verhindern Sie, dass CSS-Bilder ausgewählt werden

Die Betriebsumgebung dieses Tutorials: Dell G3-Computer, Windows 7-System, CSS3-Version.

Sie können das pointer-events-Attribut in CSS verwenden, um festzulegen, dass das Bild nicht ausgewählt wird. Das Attribut

pointer-events gibt an, unter welchen Umständen (falls vorhanden) ein bestimmtes Grafikelement das Ziel eines Mausereignisses sein kann. Der Wert „none“ bedeutet, dass das Mausereignis in das Element „eindringt“ und alles „unterhalb“ des Elements angibt. Dies bedeutet, dass das Element nicht ausgewählt werden kann.

Der CSS-Code lautet wie folgt:

img {
pointer-events: none;
}

none: Das Element wird niemals das Ziel von Mausereignissen sein. Mausereignisse können jedoch an untergeordnete Elemente weitergeleitet werden, wenn deren pointer-events-Attribut einen anderen Wert angibt. In diesem Fall löst das Mausereignis den Ereignis-Listener des übergeordneten Elements während der Erfassungs- oder Bubbling-Phase aus.

Empfohlen: „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass CSS-Bilder ausgewählt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn