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设置背景色透明度字体不透明的主要内容,如果未能解决你的问题,请参考以下文章