css手勢狀態定義屬性cursor和自定義鼠標手勢詳解

css手勢狀態定義：cursor和自定義鼠標手勢詳解，示例演示cursor手勢狀態以下：

auto : 默認值。瀏覽器根據當前狀況自動肯定鼠標光標類型。

all-scroll : 有上下左右四個箭頭，中間有一個圓點的光標。用於標示頁面能夠向上下左右任何方向滾動。

col-resize : 有左右兩個箭頭，中間由豎線分隔開的光標。用於標示項目或標題欄能夠被水平改變尺寸。

crosshair : 簡單的十字線光標。

default : 客戶端平臺的默認光標。一般是一個箭頭。

hand : 豎起一隻手指的手形光標。就像一般用戶將光標移到超連接上時那樣。

move : 十字箭頭光標。用於標示對象可被移動。

help : 帶有問號標記的箭頭。用於標示有幫助信息存在。

no-drop : 帶有一個被斜線貫穿的圓圈的手形光標。用於標示被拖起的對象不容許在光標的當前位置被放下。

not-allowed : 禁止標記(一個被斜線貫穿的圓圈)光標。用於標示請求的操做不容許被執行。

pointer : 和 hand 同樣。豎起一隻手指的手形光標。就像一般用戶將光標移到超連接上時那樣。

progress : 帶有沙漏標記的箭頭光標。用於標示一個進程正在後臺運行。

row-resize : 有上下兩個箭頭，中間由橫線分隔開的光標。用於標示項目或標題欄能夠被垂直改變尺寸。

text : 用於標示可編輯的水平文本的光標。一般是大寫字母 I 的形狀。

vertical-text : 用於標示可編輯的垂直文本的光標。一般是大寫字母 I 旋轉90度的形狀。

wait : 用於標示程序忙用戶須要等待的光標。一般是沙漏或手錶的形狀。

*-resize : 用於標示對象可被改變尺寸方向的箭頭光標。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize

url ( url ) : 用戶自定義光標。使用絕對或相對 url 地址指定光標文件(後綴爲 .cur 或者 .ani )。

自定義手勢詳解：

1、路徑。若是路徑寫成 url(bg/zoom.cur) 的話，只有最新主流瀏覽器（IE9等）能夠識別，而IE8及如下瀏覽器不能識別，因此，爲了兼容起見，路徑統一用最完整的的爲好，如 url(http://localhost/www/page/bg/zoom.cur);

2、後綴。雖然CSS2.0上說能夠用 gif、jpg等格式圖片，可是，又是IE8及如下瀏覽器不能識別除.cur圖標之外的圖片格式，因此爲了兼容全部瀏覽器，最好作一張正規的.cur光標圖片。

三，逗號。這回相反了，若是不加 ,ponter 最新主流瀏覽器（IE9等）反而沒法識別，IE8及如下低版本瀏覽器不加 ,ponter  反而能夠識別，因此，仍是加上 ,ponter  爲好。

綜上，就是鼠標自定義背景手勢的正確用法，使用絕對路徑+使用cur光標文件+,ponter，固然這也要工具你的實際兼容狀況。