CSS Sprites 使用注意之—— 避免因浏覽器放大導緻的圖檔異常

    近日有朋友說，将浏覽器放大後，會發現 zTree 出現多餘豎線，導緻顯示有些異常。經檢查原來是 v3.0 制作時為了優化網頁，使用了 CSS Sprites 技術，是以把圖示都放在一起。但圖示過于密集是以在放大、縮小浏覽器視圖的時候，會把圖示周圍相鄰1像素的圖案計算進來，進而導緻了顯示異常。

    IE 問題最嚴重， Chrome 略好。下面請看截圖（IE8 視圖放大到 165%）：

    解決方案： 不要讓圖示過于緊湊，左右、上下圖示保持1像素的距離即可。

     zTree v3.1 釋出時也将解決此問題。

    有興趣的朋友可以下載下傳附件中的 Demo 比較兩個 div 色塊在浏覽器視圖任意放大縮小時的變化。