子級通過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);
}
問題如圖:textarea可以點擊任意地方編輯 原因:textarea標籤之前有空隙 改成下圖這樣就可以了: