子级通过rgba设置了半透明,因为和父级重叠的区域影响父级的背景图也成为半透明的。
- 问题
排版大致是:ul>li>span
span设置了rgba(255, 255, 255, 0.5)
导致了父级li的背景图(蓝色√)也被半透明显示
- 解决
把背景图和背景色都设置给span元素本身
span:nth-chid(2){
background: url(true.png) right no-repeat rgba(255, 255, 255, 0.5);
}
子级通过rgba设置了半透明,因为和父级重叠的区域影响父级的背景图也成为半透明的。
排版大致是:ul>li>span
span设置了rgba(255, 255, 255, 0.5)
导致了父级li的背景图(蓝色√)也被半透明显示
把背景图和背景色都设置给span元素本身
span:nth-chid(2){
background: url(true.png) right no-repeat rgba(255, 255, 255, 0.5);
}