国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - css before作為父級元素的背景色遮住了文字怎么辦?

瀏覽:174日期:2023-06-30 16:59:23

問題描述

//less.mk-nav{ li{ position: relative; &:before{ position: absolute; content: ’’; top:0; left:0; background:@mkcolor4;transform:scale(0);} &:hover:before{transform:scale(1);} }}

//html<ul class=’mk-nav’> <li>首頁</li> <li>簡介</li></ul>

li相對定位,before絕對定位,鼠標滑過想讓before作為li的背景色,這樣就不用再加標簽了,但是發現before遮住了li里面的文字

之所以不給li設置background是因為我想通過before的高度做一個交互小動畫

我想到一個方法就是降低透明度,opacity:.15;,發現是可行的,文字漏出來了,點擊文字鏈接竟然也能觸發,這一點頗為神奇。

問題解答

回答1:

遮住的話你用rgba不就透過來了……但還是不明白這個交互是要做什么,li:hover不一樣可以做動畫交互么

回答2:

那你為什么不直接給li設置。。。。background

回答3:

:hover不行嗎?

回答4:

好像絕對定位總是會浮動到元素的最上層的(相對于其他定位方式)。所以用絕對定位的元素做背景怕是不行。題主你可以考慮換換試試,把li設成絕對定位。

回答5:

你也可以這樣:<li>首頁</li>,(給文字一個標簽包裹起來),然后給偽類befor設置z-index:-666(負值),給a標簽設置z-index:10(正值),然后就看到文字在偽類的上面了

標簽: CSS
相關文章:
主站蜘蛛池模板: 中文字幕一区二区三区免费视频 | 日本精品三级 | 日韩在线视频不卡一区二区三区 | 男人精品一线视频在线观看 | 国产亚洲亚洲精品777 | 欧美一a级做爰 | 亚洲天堂爱爱 | 91精品国产欧美一区二区 | 亚州中文字幕 | 国产日韩欧美自拍 | 69精品免费视频 | 日本网址在线观看 | 加勒比综合网 | 一级成人毛片 | 亚洲精品久久久久久久777 | 91成人在线免费观看 | 亚洲高清无在码在线无弹窗 | 一本大道香蕉久在线不卡视频 | www.99在线| 欧美xxxwww| 国产精品一区久久 | 女在床上被男的插爽叫视频 | 午夜主播福利视频在线观看 | 国产精品日韩欧美一区二区三区 | 亚洲综合视频在线观看 | 久久国产欧美日韩精品免费 | 在线一区播放 | 特级aa毛片在线播放 | 欧洲一级片| 国产成人精品免费视频大全软件 | 久久久久久久网站 | 国产精品国产三级国产专播 | 在线观看精品自拍视频 | 欧美成人香蕉网在线观看 | 欧美大片一区 | 成人69视频在线观看免费 | 中文在线视频观看 | 久久精品青草社区 | 九九大香尹人视频免费 | 亚洲理论欧美理论在线观看 | 91热久久免费频精品黑人99 |