css如何加一个遮罩层,让在有白色背景的情况下,白色文字也能突出显示

我们有时会遇到这种情况,在网站首页的大幻灯图是随机生成的,banner幻灯片上的文字如果默认是白色,遇到幻灯图背景色也是白色,那么就会导致文字和背景色重合导致看不清楚,影响用户体验。
处理的方法是,在背景图和文字之间,再加一个图层,然后设置这个图层为黑色,然后设置为半透明效果即可。
具体代码如下:
效果可参看本站的首页,这样可以在一定程度上提升用户体验
文章版权及转载声明:
作者:admin本文地址:https://www.wzmiao.com/post/52.html发布于 06-10
文章转载或复制请以超链接形式并注明出处麻雀分享