web関連

Internet Explorerでopacityが効かなかった件

2018/10/29

2018/11/01

/

Internet Explorerでopacityが効かなかった件

要素をopacityで隠してスクロールしたら要素がfadeInしてくるコンテンツ作ってたらieで要素が隠れなかった時の備忘録

position:absoluteが原因だった

子要素をposition:absoluteで絶対配置してるのが原因だった
なので、cssでopacityで消してる要素にposition:relativeかけたらちゃんと隠れた

.css_fadeIn{
  opacity:0;
  // 追加で直った
  position:relative;
}
 

どういう理屈かはよくわからないけど「position:relative;」かければなおる