WebWedge.jpg

phpとかJSとか適当に書いています。

メモメモ:何故かIEだけopacityが効かない時の原因

IEではopacityを付ける要素の子要素がposition:absolute;の時は、その親要素にposition:relative;を付けないとopacityが働かない。

html
<div id="outer">
    <div id="inner">
        ほげほげ
    </div>
</div>
CSS
#outer { opacity : 0; }
#inner { position:absolute; left:0; top:0;}

これだとIEではopacityが効きません。

CSS
#outer { opacity : 0; position:relative; }
#inner { position:absolute; left:0; top:0;}

position:relative; を親要素に付ければOK。

Categories

コーディングとか

COMMENTS

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です