CSS背景圖片在手機上顯示模糊是一個常見的問題，尤其是在高清屏幕的手機上。這是因為手機的分辨率越來越高，但是我們使用的圖片尺寸沒有跟上，導致圖片被縮放后失去了清晰度。

解決這個問題有兩種方式：

/* 方法一：使用2倍圖 */
background-image: url('images/bg@2x.png');
background-size: 100%;

這種方法是為了適應高清屏幕而出現的，它要求提供兩倍尺寸的圖片，并在CSS中指定背景大小為100%，這樣就可以保證在高清屏幕上顯示清晰，而在普通屏幕上縮放后也不會失真。

/* 方法二：使用svg圖片 */
background-image: url('images/bg.svg');
background-size: 100%;

這種方法是使用矢量圖來代替位圖，由于矢量圖是基于數學公式描述的，所以可以無限放大而不失真。而且矢量圖的文件大小一般比位圖小得多，所以在移動端使用也更加適合。

總之，在移動端使用CSS背景圖片時，需要特別注意圖片的尺寸和清晰度，合理選擇2倍圖或者矢量圖可以讓我們的頁面在高清屏幕上有更好的表現。