子級設置透明度影響了父級的透明度

子級通過rgba設置了半透明,因爲和父級重疊的區域影響父級的背景圖也成爲半透明的。
在這裏插入圖片描述

  1. 問題

排版大致是:ul>li>span
span設置了rgba(255, 255, 255, 0.5)
導致了父級li的背景圖(藍色√)也被半透明顯示

  1. 解決

把背景圖和背景色都設置給span元素本身

span:nth-chid(2){
   background: url(true.png) right no-repeat rgba(255, 255, 255, 0.5);
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章