Vue设置背景色透明度字体不透明
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue设置背景色透明度字体不透明相关的知识，希望对你有一定的参考价值。
参考技术A 如图所示效果，可通过设置background属性的rgba，实现自定义背景色透明度但字体不透明布局：
css:
设置div背景透明的方法?
设置div背景透明的方法?
参考技术A opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。<div class="test tstop">233</div>
<div class="test tstrgba">666</div>
.test width: 200px; height: 200px
.tstop background: red; opacity: 0.6
.tstrgba background: rgba(255, 0, 0, 0.6)
可以实际体验一下。 参考技术B 说的不明确，背景透明，是颜色，还是背景图片，还是整个div
背景颜色：可以使用：rgba(0,0,0,0.5)，最后一个值是透明度
div透明度：opacity(.5) 参考技术C opacity：0，这样可以设置背景的透明度
以上是关于Vue设置背景色透明度字体不透明的主要内容，如果未能解决你的问题，请参考以下文章