2014年4月1日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 新年度明けました餅。です。 さて、今回はCSSの話。 要素の重なりを操作するCSS、「z-index」。 最前面に持ってきたつもりが、想定外の要素の下に潜り込んでしまうことがあります。 原因は結構な割合で、下に書いた要素がpositionを持っているというもの。 普通はz-indexを大きく設定すれば解決するハズですが、それでも何故かうまくいかないことがありますね。 逆に考えましょう。 「z-indexで解決できなくていいや」 と考えるんです。 z-indexではなく、positionをどうにかしてしまいましょう。 具体的には、absoluteなら最前面にしたい要素の前に書いてしまいます。 relativeなら、marginで代用し
![z-indexで最前面にならない!](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)