お問い合わせ
    氏名

    メールアドレス

    件名

    お問い合わせ内容



    会員登録(無料)
    ログイン
    WordPressのスキルアップ!▶

    【CSS】タッチやクリックの挙動を無効化するCSS|pointer-events

    CSS(シー・エス・エス)
    この記事は約1分で読めます。
    「ワードプレスで未来を変える!」
    誰でも挑戦できます!!
    【未経験挑戦可!】スキルアップしたい!WordPressに挑戦したい!何かに挑戦して未来を変えたい!という方をお待ちしています↓↓

    たとえば、前に実装をした「三角形の形」が要素の上に表示されると、下のアイコンがクリックできないという症状が発生する場合があります。

    上の三角形が邪魔してクリックができない。

    このときはCSS「pointer-events: none;」を使うことで無効化できます。

    クリック・タッチイベントを無効化

    CSSの「pointer-events: none;」を使うことで無効化できます。

    使い方は、クラスやセレクタに1行追加するだけです。

    これで、下の要素がクリックできるようになります。

    タイトルとURLをコピーしました