CSS transition與display 同時(hour)使用(use)時(hour)無效

  1. 新聞資訊
  2. 技術百科
行業動态 公司新聞 案例分享 技術百科

CSS transition與display 同時(hour)使用(use)時(hour)無效

來(Come)源:奇站網絡 浏覽量:186 發布日期: 2024-09-02

使用(use)display控制元素顯示/隐藏時(hour),transition失效

可以(by)使用(use)opacity配合position來(Come)實現

  1. opacity: 0;
  2. position: absolute;

但是(yes)這(this)時(hour)又會出(out)現因爲(for)絕對定位,導緻元素從文檔流中脫離,導緻元素不(No)占用(use)頁面空間顯示高度爲(for)0

這(this)時(hour)可以(by)将第一(one)個(indivual)元素設置爲(for)relative,第一(one)個(indivual)元素在(exist)它的(of)默認位置并且占用(use)空間,其他(he)元素則設置絕對定位層疊在(exist)上面。

  1. .row:first-of-type{
  2. position: relative;
  3. }

這(this)裏列表都是(yes)相同類型元素,first-child或first-of-type都是(yes)可以(by)的(of)

标簽:

廈門極極網絡科技有限公司

電話:13313868605

QQ:3413772931

地(land)址:廈門集美區軟件園三期


                    掃一(one)掃加我(I)咨詢