IE中絕對定位子元素相對定位，被後面元素絕對定位覆蓋等問題。
阿新 • • 發佈：2018-12-30
1.IE中絕對定位子元素相對定位，被後面元素絕對定位覆蓋問題。
父元素A{ position:relative; }
|
|——A子元素{ position:absolute; }
|
元素B{ position:relative; }
想要A子元素在元素B之上，給A子元素新增z-index：999屬性無效，需要給父元素A新增z-index，有且大於元素B的z-index； 父元素A{ position:relative; z-index:999; } | |——A子元素{ position:absolute; } | 元素B{ position:relative; }
2.父元素半透明，導致子元素文字透明問題。
父元素A{ filter:alpha(opacity=80); opacity: .8; background:#000; }
|
|——A子元素{}
父元素不需要背景色，給父元素A新增一個兄弟元素B
元素B { filter:alpha(opacity=80); opacity: .8;}
|
父元素A{Width , Height}
|
|——A子元素{}