最近在IE10下運行一個以前的做web系統發現了兩個小問題:
一、圖片上使用"alt"屬性來添加一些文字提示信息在IE10下無法正常顯示出來
上網查了一下原因:原來是現在一些較新的瀏覽器,比如在IE9、IE10使用"alt"屬性時,在圖片能夠正常顯示的情況下,在圖片中設置"alt"屬性的值將不會顯示出來,所以如果需要為圖像創建文字提示,可以使用" title" 屬性。
二、cursor:hand 在IE10下無法讓光標變成手形
這個問題也比較奇怪,估計也是兼容性的問題,上網找到了一篇比較好的文章,弄明白了cursor:hand 與 cursor:pointer 的區別
cursor:hand 與 cursor:pointer 的效果是一樣的,都像光標指向鏈接一樣,光標變成手行。
cursor:hand :IE完全支持。但是在firefox是不支持的,沒有效果。
cursor:pointer :是CSS2.0的標准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6開始支持。
結論:還是用 cursor:pointer 來的方便。
cursor:鼠標
pointer:指針
附:cursor屬性收集
光標類型 CSS
十字准心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5,它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
無法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;
向上改變大小(North) cursor: n-resize;
向下改變大小(South) cursor: s-resize;
向右改變大小(East) cursor: e-resize;
向左改變大小(West) cursor: w-resize;
向上右改變大小(North East) cursor: ne-resize;
向上左改變大小(North West) cursor: nw-resize;
向下右改變大小(South East) cursor: se-resize;
向下左改變大小(South West) cursor: sw-resize;
自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;