2009年10月27日火曜日

IEでのz-indexの順番とposition:fixについて

IEだけはどうも使えなくて困りはてた。


IEでのCSSについて。(IEバージョン8でもそうなった)

htmlタグ内で、先に出てきた要素をz-indexにて一番上にするよう指定する。

次に出てきた要素をその下にしたいと思ったときに、どうも後からの要素を
上にしてしまうときがあるようだ。

対応として、body要素の最後にタグを移動させた。
jqueryを使った場合。
$("#higher").appendTo(document.body);

これで重なり順が一番上に表示されるようになる。


次にposition:fixについて。


ほかのサイトを見ていて攻略法がわかった。
#heigher{
position:fixed!important;
position:absolute;
}
これでいけます。

ちなみにjqueryでCSSをあとから指定してもだめで、
$("#heigher").css({position: "fixed!important", position: "absolute"});

静的に記述をしておく。