使用display控制元素顯示/隱藏時(shí),transition失效
可以使用opacity配合position來實(shí)現(xiàn)
opacity: 0;
position: absolute;
但是這時(shí)又會(huì)出現(xiàn)因?yàn)榻^對(duì)定位,導(dǎo)致元素從文檔流中脫離,導(dǎo)致元素不占用頁面空間顯示高度為0
這時(shí)可以將第一個(gè)元素設(shè)置為relative,第一個(gè)元素在它的默認(rèn)位置并且占用空間,其他元素則設(shè)置絕對(duì)定位層疊在上面。
.row:first-of-type{
position: relative;
}
這里列表都是相同類型元素,first-child或first-of-type都是可以的
- 版權(quán)所有:奇站網(wǎng)絡(luò) 轉(zhuǎn)載請(qǐng)注明出處
- 廈門奇站網(wǎng)絡(luò)科技有限公司,專業(yè)提供網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),小程序開發(fā),系統(tǒng)定制開發(fā)。
- 軟件開發(fā)咨詢熱線:吳小姐 13313868605