子级设置透明度影响了父级的透明度

子级通过rgba设置了半透明，因为和父级重叠的区域影响父级的背景图也成为半透明的。

1. 问题

排版大致是：ul>li>span
span设置了rgba(255, 255, 255, 0.5)
导致了父级li的背景图（蓝色√）也被半透明显示

2. 解决

把背景图和背景色都设置给span元素本身

span:nth-chid(2){
   background: url(true.png) right no-repeat rgba(255, 255, 255, 0.5);
}