这样吧,就按照你标题中透露的信息,写一个Demo。背景图半透明,但是文字不透明:.middleBom { width: 45%; height: 25%; padding: 0.3rem; margin: 0; position: absolute; bottom: 3%; } .middleBom:before { content: ""; width: 100%; height: 100%; background: url("../../assets/image/Slice-42_03.png") center/100% 100% no-repeat; display: block; position: absolute; opacity: 0.7但其实应该让UI给你提供一个没有背景色的透明底图,然后你使用 background-color 来实现半透明的背景色。或者提供的底图就是处理好的对应透明度的 .png 图片。
这样吧,就按照你标题中透露的信息,写一个Demo。
背景图半透明,但是文字不透明:
但其实应该让UI给你提供一个没有背景色的透明底图,然后你使用
background-color
来实现半透明的背景色。或者提供的底图就是处理好的对应透明度的.png
图片。