4

画像を使用しているカスタムカーソルがあります。私の元のコード：

cursor:url(../images/drag_mini_bg.png);

次に、Firefoxでイメージが見つからない場合に備えてデフォルトのバックアップを定義する必要があることを発見し、次のように変更しました。

cursor:url(../images/drag_mini_bg.png), default;

これはFirefoxとChromeで機能しましたが、IEでは機能しませんでした。IEがパスに他のブラウザーとは異なるソースを使用していることを読み、このソリューションを実装しました。

cursor:url(../images/drag_mini_bg.png),url(/images/drag_mini_bg.png),default;

（2番目のURLは、このコードが含まれているcssファイルではなく、htmlファイルに関連しています。）

これは役に立たなかったので、このバグを見つけて、画像を.curファイルに変更しました。

cursor:url(../images/drag_mini_bg.cur),url(/images/drag_mini_bg.cur),default;

ただし、IEにはまだ表示されていません。他に試すことができるものはありますか？

4

2 に答える 2

1

あなたが読んだことのほとんどは正しいですが、私はいくつかの修正を行います:

  • Firefox では、追加のパラメーターを追加する必要があります。私の理解では、これの理想的な値は ですauto。しかし、defaultうまくいく場合は、それを使用してください。

  • .cur言われたとおり、IE はファイル タイプのカーソルしか表示できません。PNG と GIF は機能しません。

  • ただし、別のパスを使用する IE については聞いたことがありません。同じパスは、すべてのブラウザーで常に正常に機能します (もちろん、CUR ファイルを使用する場合)。これを聞いた場所への参照を提供することをお勧めしますが、2 番目の URL を削除すると問題が解決する可能性があることをお勧めします。

Quirksmode と呼ばれる優れたサイトがあり、ブラウザーの互換性テーブルが多数あります。特に、CSS カーソルをカバーする非常に詳細な表があり、すべてのブラウザーで動作するようにフォーマットする方法が正確に示されています。

それが役立つことを願っています。

于 2012-12-31T18:11:04.563 に答える