1

サイトの小さなバナーを作成しようとしていますが、カーソルを合わせたときにカーソルをカスタマイズしようとして迷ってしまいました。次のような組み込み値を使用する場合

cursor:waiting

動作しますが、変更すると

cursor: url(/img/cursor.gif)

もう機能しません... PNG画像でも試してみましたが、結果は同じでした.デフォルトのカーソルだけです..プロパティもw3schoolからコピーしましたが、CSSではまだ機能しません.. w3school はカスタム イメージでも機能しました)。Chrome で要素を調べると、css インスペクターに黄色の三角形 /!\ が表示され、「無効なプロパティ」がカーソルを参照していることがわかります: url(/img/cursor.gif)。

パスは正しいはずです。また、cursor.gif を CSS の同じフォルダーにコピーしましたが、まだ機能しません。どこに問題がありますか? みなさん、よろしくお願いします！

4

2 に答える 2

2

何度もハックした後、サイズが大きすぎて表示できないことがわかりました。今は動作しますが、アニメーション化されていません..別のファイル形式が解決できるかどうかを検索すると、これが見つかりました. 私の行く道はどこにも行かないようです..

動作する (アニメーションではない) コードは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-06T16:43:08.493 に答える
0

私が持っていた最善の回避策は、それを画像ホストにアップロードし、ローカルの代わりにその URL を使用することでした。

于 2013-04-06T10:29:47.747 に答える