z-index が効かない！入れ子でも階層構造でもz-indexを効かしてデザインしたい！ど～も、dice（@dice_dDtea）です。 CSSで ボックスの重なりを制御する時は z-index というものを使えばいいとなっております。 なんか3DCGでよく聞く単語ですね。 しか～し、 z-index って効く時と効かない時ってあるよね？ 今までなんとなく力技やら何やらで特に調べることなく乗り越え(避けw)てきましたが、 今回 z-index を確実に動かす方法について記します。 そして、 階層関係なく重なり順を支配できるようになった暁に 「aタグで囲んだ画像(img要素)にロールオーバーすると box-shadow で画像に影を落とす」なんてことをやって見たいと思います。 あ…ありのまま 今 起こった事を話すと z-index が効かないんだ！ ここにこんなコードがある。 <div class="thumbnail"> <a href="foo.html"> <img sr
