css cursor url用法格式詳解

css cursor url用法格式：css:{cursor:url('圖示路徑'),auto;} //IE,FF,chrome瀏覽器都可以

實例程式碼：html{cursor: url("http:// ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}

解析：前面的url是自訂滑鼠圖示路徑，第2個參數auto是css標準的cursor樣式，可換成其它屬性(如pointer/default等)！
（註：w3school建議第2個參數必須定義普通的遊標，以防URL 定義的可用遊標使可備用！另外IE下面可以省略第2個參數）

 

自訂滑鼠顯示圖標，需注意以下幾個問題

圖示的格式：

IE支援cur,ani,ico這三種格式，FF支援bmp,gif,jpg,cur,ico這幾種格式，不支援ani格式，也不支援gif動畫格式，因此來說一般將url引用的圖片存為ico或cur格式比較好！

圖示的大小：

滑鼠圖片的尺寸建議尺寸是32*32，否則可能會導致圖示大小不一致的問題！

另外對於在瀏覽器中滑鼠圖片不顯示的問題，問題大多出在滑鼠圖片URL路徑的引用上， 可以分別嘗試下絕對和相對路徑的引用。

最後附上cursor屬性可能的值：（所有主流瀏覽器都支援下列 cursor 屬性）