国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 欧美大片在线观看成人 | 久草在线免费看 | 亚洲美女视频免费 | 国产精品极品美女自在线看免费一区二区 | 久久韩国| 波多野结衣一区二区在线 | 久草在线新首页 | 美国a毛片 | 国产精品久久久久久一区二区三区 | 女人夜色黄网在线观看 | 99国产高清久久久久久网站 | 欧美极品欧美精品欧美视频 | 国产欧美成人免费观看视频 | 精品国产视频在线观看 | 免费人成年短视频在线观看免费网站 | 亚洲综合精品一二三区在线 | 在线观看国产一区二区三区99 | 欧美5g影院天天爽天天看 | 久久成人精品视频 | 天天噜夜夜操 | 另类视频区第一页 | 国产一区视频在线 | 成人免费一区二区三区在线观看 | 日韩免费一区二区三区 | 黄色a三级三级三级免费看 黄色a网 | 日韩欧美国产高清在线观看 | 初爱视频教程在线观看高清 | 美美女高清毛片视频免费观看 | 亚洲自拍中文 | 一级在线免费视频 | 成人男男黄网色视频免费 | 成人观看网站a | 欧美国产日韩在线观看 | 99热热久久这里只有精品166 | 国产国产人免费视频成69堂 | 久久成人a毛片免费观看网站 | 免费成人高清 | 国产欧美日韩一区二区三区在线 | 久久久精品影院 | 日本肥老妇色xxxxx日本老妇 | 国产在线欧美日韩一区二区 |