ムラゴン ホーム
クリックしたら別の処理まで動く？JavaScriptのイベント伝播をやさしく解説
WebサイトへJavascriptを追加していると、一つのボタンをクリックしただけなのに、別の処理まで実行されることがあります。 たとえば、モーダル内のボタンを押したらモーダル自体も閉じる、カード内のリンクを押したらカード全体のクリック処理まで動く、といった現象です。 イベントを設定した場所が間違... 続きをみる
モーダルのブログ記事
モーダル（ムラゴンブログ全体）-
-
z-indexを大きくしても前に出ないのはなぜ？重なり順の仕組みを解説
ヘッダーを前面に表示したいのに、画像やアニメーションの後ろへ隠れてしまう。 モーダルのz-indexを大きな数値に変更したのに、別の要素より前に出てこない。 Web制作では、このような重なり順の問題がよく発生します。 解決しようとしてz-indexを9999、99999と増やしても、原因によっては... 続きをみる
-
CSSの「inset: 0;」の意味とは？
CSSを書いていると、ときどき見かける inset: 0;。 一見シンプルなのに、「何をしているのか分かりづらい…」という声がよくあります。 この記事では、inset の役割と、inset: 0; が実際にどんな効果を持つのかをわかりやすく解説します。 insetとは？ inset ... 続きをみる