《貂蝉艳史》三级在线播放_《初尝禁果》2:做爰HD_《赤裸奶头》在线观看_《被按摩的人妻中文字幕》_(公)高H春色无边_(高H)奶水

CSS transition與display 同時(shí)使用時(shí)無效

行業(yè)動(dòng)態(tài) 公司新聞 案例分享 技術(shù)百科

CSS transition與display 同時(shí)使用時(shí)無效

來源:奇站網(wǎng)絡(luò) 瀏覽量:386 發(fā)布日期: 2024-09-02

使用display控制元素顯示/隱藏時(shí),transition失效

可以使用opacity配合position來實(shí)現(xiàn)

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

但是這時(shí)又會(huì)出現(xiàn)因?yàn)榻^對(duì)定位,導(dǎo)致元素從文檔流中脫離,導(dǎo)致元素不占用頁面空間顯示高度為0

這時(shí)可以將第一個(gè)元素設(shè)置為relative,第一個(gè)元素在它的默認(rèn)位置并且占用空間,其他元素則設(shè)置絕對(duì)定位層疊在上面。

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

這里列表都是相同類型元素,first-child或first-of-type都是可以的

標(biāo)簽:

廈門奇站網(wǎng)絡(luò)科技有限公司

電話:13313868605

QQ:3413772931

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

網(wǎng)站地圖


                    掃一掃加我咨詢

江都市| 贵阳市| 龙岩市| 阳西县| 库车县| 彭山县| 平南县| 庆阳市| 南皮县| 丰城市| 通河县| 武胜县| 汉源县| 华阴市| 巴东县| 桑日县| 鄂托克旗| 鄯善县| 澎湖县| 湟源县| 台山市| 嘉峪关市| 儋州市| 扬州市| 金门县| 从化市| 恭城| 株洲县| 扎鲁特旗| 平昌县| 景德镇市| 卫辉市| 广安市| 黔西县| 江川县| 大理市| 苍溪县| 原平市| 万山特区| 六盘水市| 安康市|