Microsoft Edge上的自定義光標有一個偏移量

我有一個自定義光標，它使用CSS屬性光標在Chrome和Firefox上工作。但是，在Microsoft Edge上，光標似乎有偏移量。爲了正確選擇項目，我必須將目標放在自定義光標的上方。Microsoft Edge上的自定義光標有一個偏移量

有什麼我可以做的，以解決這個問題？或者是這種限制？

編輯：我應該提及，我使用自定義圖像作爲我的光標。

來源

2016-01-09 CdnXxRRODxX

你可以創建一個[fiddle]（http://jsfiddle.net）來顯示這個問題嗎？ – Sampson

在CSS中，您可以傳入指定交互點的座標。

也許增加這些將有助於解決您的問題？

/* Using URL and coordinates */ 
cursor: url(cursor1.png) 4 12, auto;

來源

2016-01-10 08:42:04

嘿，我確實嘗試過（可能應該在上面提到過），但是一旦我添加座標，自定義光標就會消失在Edge中。檢查「Inspect Element/Dev」控制檯會發現Edge在添加時會忽略光標命令。 – CdnXxRRODxX

在IE和Edge中，只支持.cur文件，請參閱https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx。（Edge支持其他格式，但不支持交互點定義，正如您在Martin Beeby的回答中提到的那樣），.cur文件允許您定義交互點。只需google「.cur editor」，然後選擇適合您的編輯器來創建.cur文件。

由於其他瀏覽器確實支持交互點的定義，但不支持.cur格式，所以必須在css中定義兩個遊標屬性，第一個使用.cur文件，第二個使用.png或其他格式和交互點定義。 IE和Edge會忽略第二個和其他瀏覽器，.cur文件將被覆蓋，這樣就可以跨瀏覽器使用。

div { 
    cursor: url(path/to/cursor.cur), auto; /*IE and Edge*/ 
    cursor: url(path/to/cursor.png) 4 12, auto; /*Chrome, FF, etc.*/ 
}

一個側面說明，請務必閱讀本（http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/）的文章。這是關於在IE 6 & 7中的相對路徑錯誤，但該錯誤仍然在IE 11左右。雖然這個錯誤似乎在Edge中得到了解決（至少當我最近嘗試時）。所以你需要找到.cur文件的路徑來讓它在IE和Edge上都能正常工作。請參閱文章中提到的解決方法。

來源

2016-03-14 20:40:08

Edge不支持我的gif光標。我不得不做「遊標：url（cursor.gif），url（cursor.cur），auto;」使光標在Windows 10的邊緣工作。光標很容易通過一個名爲RealWorld Cursor Editor的免費工具從我的gif中創建。我首先嚐試了一個在線網站來轉換它，但它搞砸了光標的透明度，所以我安裝了這個免費軟件，而且它完美地完成了這項工作。 – buggy3

Hi @Sandhje Bouw，你能幫我看看我在Edge中的自定義光標問題：http://stackoverflow.com/questions/43791794/edge-customize-cursor-doesnt-work –

Microsoft Edge上的自定義光標有一個偏移量

回答

相關問題