? ? 注意點(diǎn):
? ? ? ? ?(1):z-index屬性只作用在被定位了的元素上。所以如果你在一個(gè)沒(méi)被定位的元素上使用z-index的話,是不會(huì)有效果的.
? ? ? ? ? (2)同一個(gè)父元素下的元素的層疊效果會(huì)受父元素的z-index影響,如果父元素的z-index值很小,那么子元素的z-index值很大也不起作用
失效的情況:
1、父標(biāo)簽 position屬性為relative;
2、問(wèn)題標(biāo)簽無(wú)position屬性(不包括static);
3、問(wèn)題標(biāo)簽含有浮動(dòng)(float)屬性。
4、問(wèn)題標(biāo)簽的祖先標(biāo)簽的z-index值比較小
解決方法:
第一種:? position:relative改為position:absolute;
第二種:浮動(dòng)元素添加position屬性(如relative,absolute等);
第三種:去除浮動(dòng)。
第四種:提高父標(biāo)簽的z-index值