文章插圖
今天遇到一個(gè)問(wèn)題：div邊框和背景色隨主題色變化，邊框和字體不透明，背景半透明（如下圖所示）
設(shè)計(jì)圖
在網(wǎng)上搜索解決辦法發(fā)現(xiàn)都是說(shuō)使用rgba，但是另外一個(gè)問(wèn)題就來(lái)了，背景和邊框的顏色就沒(méi)辦法改變了，所以只好自己想辦法 。突發(fā)奇想使用偽類(lèi)完美解決了問(wèn)題，話(huà)不多說(shuō)，上代碼（此處樣式部分使用了scss，不懂的請(qǐng)自行百度）
<!-- html代碼 --><div class="box">內(nèi)容</div>/* scss代碼*/$primary:#2CD334;.box {position: relative;border: 1px solid $primary;width:100px;height: 100px;border-radius: 12px;&:after {content: "";position: absolute;width: 100%;height: 100%;background: $primary;opacity: 0.1;top: 0;left: 0;}}實(shí)際效果
背景和框架完成了，內(nèi)容就自己解決啦~

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專(zhuān)業(yè)人士給予相關(guān)指導(dǎo)!

「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

• 患有骨質(zhì)疏松的中老年人盡量不要滑雪、滑冰
• 大鯢和娃娃魚(yú)是不是同一種東西?
• 游泳時(shí)最重要的是不間斷呼氣
• 不是所有人都適合跑步機(jī)
• 跑步技巧 正確跑步技巧超速燃脂不費(fèi)力
• 心情不好就去跑步吧 跑步可以消除沮喪
• 炒酸奶好吃不好吃
• 辣根是芥末嗎
• 糯米粉和粘米粉有什么區(qū)別
• 結(jié)婚吉日查詢(xún) 2020年10月4日農(nóng)歷八月十八結(jié)婚好不好