[解決済み] 要素をクリックできないようにする(後ろのものをクリックする)
2022-10-04 05:13:33
質問
タッチスクリーン(モバイル)でユーザーがスクロールしているときに、ページに重なるように固定画像を表示させています。
その画像を "unclickable" または "inactive" などにして、ユーザーがその画像に触れてドラッグしても、その後ろのページは画像がなかったかのようにスクロールし、quot;blocking" インタラクションが行われるようにしたいのですが、いかがでしょうか。
これは可能ですか? 必要であれば、私が言っていることを例示するスクリーン ショットを提供することができます。
ありがとうございます。
どのように解決するのですか?
CSSの設定
pointer-events: none
を設定することで、画像に対するマウスのインタラクションを取り除くことができます。IE 以外ではかなりよくサポートされています。
ここに完全なリストがあります
値の
pointer-events
が取ることのできる値の全リストです。
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] ボディのスクロールを防止し、オーバーレイのスクロールを可能にする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] CSSでdivを縦にスクロールできるようにする