標記爲無效屬性的自定義光標：url（/img/cursor.gif）

我正在嘗試爲我的網站創建一個小橫幅，並且發現自己在嘗試自定義光標時會丟失它。如果我使用一個內置的價值一樣標記爲無效屬性的自定義光標：url（/img/cursor.gif）

cursor:waiting

它的工作原理，但如果我將其更改爲

cursor: url(/img/cursor.gif)

它不工作了......我也試圖用一個PNG圖像和結果是一樣的：只是默認光標.. 我也從w3school複製了屬性，但仍然無法與我的CSS一起工作。（在w3school中它也可以與自定義圖像一起工作）。在Chrome瀏覽器中，如果我檢查該元素，css檢查器會顯示一個黃色三角形/！\，指出'cursor property：url'（/img/cursor.gif）'invalid property'。

該路徑應該是正確的，我也複製了cursor.gif在CSS的同一文件夾中，仍然無法正常工作。問題在哪裏？預先感謝大家！

來源

2013-04-06 fcole90

Tryed也改變路徑URL（IMG/cursor.gif）。現在瀏覽器在檢查器中加載gif，但仍然不起作用。 – fcole90 2013-04-06 10:20:40

我現在問自己，如果是瀏覽器支持的動畫gif文件格式.. – fcole90 2013-04-06 10:41:17

@Ken經過多次黑客，我發現它的大小也是如此高顯示。現在它可以工作，但它不是動畫。搜索另一個文件格式是否可以解決，我發現[這個]（http://stackoverflow.com/questions/9189250/animated-cursor-support-in-web-applications）。這似乎是我的方式是無處.. – fcole90 2013-04-06 16:34:08

經過多次黑客攻擊後，我發現該尺寸太高而無法顯示。現在它的工作原理，但它不是動畫..搜索如果另一種文件格式可以解決，我發現this。看來，我的方式是無處可去。

工作（但不是動畫）代碼是here。

HTML

<div id="amiciCuccioliAd"> 

    <img class="adTitle" src="http://www.sardegnaannunci.com/amiciCuccioliAd/img/adTitle.png"> 
    <img class="pets" src="http://www.sardegnaannunci.com/amiciCuccioliAd/img/pets.png"> 



</div>

CSS

#amiciCuccioliAd{ 
height:140px; 
width:250px; 
background-color:red; 
border:0px; 
padding:0px; 
margin:0px; 
cursor:url(http://www.sardegnaannunci.com/amiciCuccioliAd/cursor.gif), wait; 
} 

/*Questo è per cambiare il cursore sul #amiciCuccioliAd*/ 
#amiciCuccioliAd:hover { 
cursor:url(http://www.sardegnaannunci.com/amiciCuccioliAd/cursor.gif), wait; 
} 

/*Questo casino è per mettere un'immagine al centro!*/ 
#amiciCuccioliAd > .adTitle{ 
display:block; 
width:237px; 
height:35px; 
margin-left:auto; 
margin-right:auto; 
padding-top:5px; 
} 

#amiciCuccioliAd > .pets{ 
display:block; 
float:left; 
padding-left:4px; 
}

來源

2013-04-06 16:43:08 fcole90

也發現了這個[http://ye5.blogspot.it/2011/01/animated-mouse-cursor-on-mozilla.html](http： ye5.blogspot.it/2011/01/animated-mouse-cursor-on-mozilla.html） – fcole90 2013-04-06 17:20:53

您是否可以使用大尺寸的圖像作爲光標？看起來最大尺寸是32 * 32 – atif 2013-12-06 06:19:44

我與最好的解決方案有問題，我只是把它上傳到圖像主機，並使用該網址，而不是本地的。

來源

2013-04-06 10:29:47 str11

我也試過絕對路徑沒有結果.. – fcole90 2013-04-06 10:40:19

也託管的形象不適合我。似乎問題在於動畫的gif .. – fcole90 2013-04-06 15:00:31

標記爲無效屬性的自定義光標：url（/img/cursor.gif）

回答

相關問題