ちょっとメモ:IE6、7のz-indexバグと対処法
- 2012年 3月26日
position: absolute を使ったレイアウト方法はうまく使うととても便利で、この方法はどのブラウザでもほぼズレることが無いので個人的にもよく使っています。
しかし、やはり IE6、更には IE7 でも position: absolute を使った時などに z-index プロパティのバグがあるようで、ちょっとした対処が必要になります。
IEのz-indexのバグを思い出す | Culture27
CSS の z-index について整理してみる | かたつむりくんのWWW
同階層の要素は、IE6、7 では後にある要素の方がレイヤー的に上に表示されるため、手前の要素内にある要素でどれだけ z-index を指定しても後の要素の方が上に重なって表示されるんですね。Photoshop などのレイヤーで例えると、親要素はレイヤーフォルダと同じような扱いと言うことでしょうか。
IE6 だけならまだしも、IE7 でもこのバグが発生するので要注意ですね。はーヤレヤレ。
よく見るあの表現から最先端のテクニックまでCSS3でできること・したいこと、ぜんぶ1冊でわかります。CSS/CSS3の基本も解説。IE対策を踏まえた実践テクニッ...
販売価格: 2,940 円 (2012/5/20 08:48 更新)
販売店舗: 楽天ブックス
