我们有时会遇到这种情况，在网站首页的大幻灯图是随机生成的，banner幻灯片上的文字如果默认是白色，遇到幻灯图背景色也是白色，那么就会导致文字和背景色重合导致看不清楚，影响用户体验。
处理的方法是，在背景图和文字之间，再加一个图层，然后设置这个图层为黑色，然后设置为半透明效果即可。
具体代码如下：
<div style="position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #000; opacity: 0.6;"> </div>
效果可参看本站的首页，这样可以在一定程度上提升用户体验
