寫樣式時不要圖一時省事而忽略背景色的聲明

如題,否則當頁面改版時就可能出現下面的情況:


目前手上做一個改版的項目,將以前舊版的頁面改頭換面, 其中包括將白色的頁面背景換成淺灰色, 換過之後就出現了上面的情況. 因爲在上面的這個模塊中,使用了默認背景色transparent, 由於之前body的background-color是#FFF, 所以顯示效果是符合設計意圖的. 但當這次改變了body的背景色後, 顯示就不對了.(圖可能不是太明顯: 圖中除了'暫無記錄' 那一行以及'卡號'標籤是白色背景,其它地方都是淺灰色了, 白色背景的地方是由於對應的標籤顯示聲明瞭背景色)

綜上, 以後在寫樣式時,一定要顯示聲明元素的背景, 包括設置背景圖像的同時指定近似的背景色做爲fallback. 同時最好也指定前景色. 當然不必每個元素都設置一次,同一模塊中同樣式的的元素只在模塊容器上聲明一次即可.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章