2012-07-27 39 views
0

此頁面完美的作品在Firefox和Chrome,但不是在IE:定義自己的光標不工作在IE 8

<html> 
    <head> 
    <style rel="stylesheet" type="text/css" > 
     body{ 
     cursor: url("crosshair2nosprinkles.cur") 24 24, default; 
     } 
    </style> 
    </head> 
    <body> 
    </body> 
</html> 
+3

它在IE中有什麼作用?它不會改變光標嗎?光標不可見? – 2012-07-27 15:29:04

+0

光標是默認的箭頭之一,不會改變 – ionescho 2012-07-27 15:29:35

+0

頁面驗證嗎? – Sparky 2012-07-27 15:30:53

回答

1

答案是IE不接受熱點coords,所以我必須讓自己成爲隱式熱點的光標,而且我必須在頁面開頭定義DOCTYPE

4

.cur文件具有內置的熱點,所以你不需要指定它明確。試試這個:

cursor: url("crosshair2nosprinkles.cur"), default; 

如果這樣不能正常工作,請確保光標文件具有正確定義的熱點。

+0

嘿..我已經嘗試刪除熱點coords,但它仍然沒有工作...我想我會嘗試下載一個.cur文件,看看我的問題是否有問題 – ionescho 2012-07-27 16:17:00

+0

好吧...所以我已經下載了這個光標http:// ww w.rw-designer.com/cursor-detail/42281並用它代替.....它仍然不起作用 – ionescho 2012-07-27 16:24:54

+0

@ user783476刪除'default'部分。 – TheZ 2012-07-30 23:33:09

2

自定義遊標語法是一個有點奇怪的跨瀏覽器。請參閱Cross-browser custom CSS cursors以瞭解這些怪癖,因此您可以確定需要爲哪些瀏覽器實現哪些支持。

如果沒有看到路徑或完整的HTML代碼(因爲我假設你簡化了上面的代碼),它可能與你的URL引用有關,因爲IE基於光標相對路徑而不是CSS位置,就像大多數url()用法,但由源元素。您在某些瀏覽器中是否收到404錯誤,但不是其他錯誤?鏈接的指南應該能夠引導你如何解決它。 (或者你可以給我們更多來自代碼的細節,包括路徑,網絡請求和狀態,實例鏈接等,我們可以幫助你。)

+0

謝謝你,我已經閱讀過這個鏈接,但是我的問題並不是相對路徑相關的bc,我在與html相同的文件中有樣式...無論如何,我已經簡化了代碼以隔離問題,但是迄今無濟於事 – ionescho 2012-07-27 16:16:20