ホームページ  >  記事  >  ウェブフロントエンド  >  CSS画像が選択されないようにする方法

CSS画像が選択されないようにする方法

藏色散人
藏色散人オリジナル
2020-12-31 09:51:045464ブラウズ

画像が選択されないようにする Css メソッド: まず、対応する CSS コード ファイルを開きます。次に、CSS の「pointer-events」属性を使用して、「img {pointer」などのステートメントで画像が選択されないように設定します。 -イベント: なし;}"。

CSS画像が選択されないようにする方法

#このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、css3 バージョン。

CSS の pointer-events 属性を使用して、画像が選択されないように設定できます。

pointer-events 属性は、どのような状況 (存在する場合) で特定のグラフィック要素がマウス イベントのターゲットになり得るかを指定します。 none の値は、マウス イベントが要素を「貫通」し、要素の「下」にあるものを指定することを意味します。これは、要素を選択できないことを意味します。

CSS コードは次のとおりです:

img {
pointer-events: none;
}

none: 要素がマウス イベントのターゲットになることはありません。ただし、マウス イベントは、その pointer-events 属性が別の値を指定している場合、子孫要素に送信することができます。その場合、マウス イベントは、キャプチャまたはバブリング フェーズ中に親要素のイベント リスナーをトリガーします。

推奨: 「css ビデオ チュートリアル

以上がCSS画像が選択されないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。