エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
z-indexで最前面にならない!
2014年4月1日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりす... 2014年4月1日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 新年度明けました餅。です。 さて、今回はCSSの話。 要素の重なりを操作するCSS、「z-index」。 最前面に持ってきたつもりが、想定外の要素の下に潜り込んでしまうことがあります。 原因は結構な割合で、下に書いた要素がpositionを持っているというもの。 普通はz-indexを大きく設定すれば解決するハズですが、それでも何故かうまくいかないことがありますね。 逆に考えましょう。 「z-indexで解決できなくていいや」 と考えるんです。 z-indexではなく、positionをどうにかしてしまいましょう。 具体的には、absoluteなら最前面にしたい要素の前に書いてしまいます。 relativeなら、marginで代用し