文章詳情頁
css3 - css before作為父級元素的背景色遮住了文字怎么辦？
瀏覽：141日期：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
相關文章：
1. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？2. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號3. nginx配置server模塊的問題4. java - android代碼重構：如何把app設置里的頭像UI做成通用的？5. 想找個php大神仿個網站。6. java - 新手做一個安卓視頻播放器，想實現一個進度條，按鈕那種在視頻下方懸浮的功能，不知道思路！7. javascript - angular和jquery都用到了$符號，一起用會不會沖突？8. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決9. mysql優化 - 關于mysql分區10. 如何將行內塊元素的內容垂直水平兩個方向居中？
排行榜
網公網安備