CSS Sprites切圖方法

 

 

*   邊切圖邊整合,可以避免完成後重寫CSS以及重新拼接大量圖片,但也會影響整體規劃

*   元素左側的小圖標,應該放在圖片的右側,考慮到這類小圖標的數量,圖片儘量設置高而窄(寬度依最長元素爲準)
*   考慮到圖片的擴展,定位樣式儘量少用bottom, right
*   給某些圖片足夠的空間。有些圖標周圍有大量的補白,要避免其它圖標露出來影響界面
*   漸變的背景用background-image:url(img);background-repeat:repeat-x;    不重複的背景用background:url(img) no-repeat 0 0; 避免使用background-position ,background-repeat,在不同的瀏覽器裏可能會失效
 
 
參考資料:
http://goodboy5264.blog.163.com/blog/static/2538298200911129327225/
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章