月別アーカイブ: 2016年1月

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



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

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

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

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

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