**解決済み**
Chromeは、キャッシュ内のファイルに1つの死のグリップを持っているようです。プロセスを強制終了し、キャッシュを手動でクリアし、数十回更新しても何も起こりませんでした。
ファイル名を変更して、新しいものをダウンロードするように強制しました。
図に行きます。
** アップデート **
わかりました。これはChromeのみの問題です。ブラウザのキャッシュをクリアするという提案に応えて、ページをロードしたことがないため、実際にIE9を起動しました。これは、ホバー状態のアイコンを表示します。
クロスプラットフォームの問題は私の給与水準を少し超えているので、今私は本当に困惑しています。そもそも、JQueryにすべての面倒な作業を任せたのはそのためです。:P
最新の1.8.20JQueryを使用します。
アイコンが必要だったので、マスターアイコンpngファイルの7つすべてを編集し、未使用のスペースにアイコンを追加しました。
関連するオフセットを使用して、cssファイルに新しいアイコンを作成しました。空白のホバー状態を除いて、すべてが正常に機能しているようです。
ホバー状態でどのファイルが使用されているかを検査で判断することはできませんが、CSSファイルはカスタムアイコンを表示するpngファイルを示しています。とにかくすべてが編集されました。
ブラウザを閉じて、数回更新しました(ただし、キャッシュを使用すると、ブラウザがまったく表示されなくなります)。
ホバー状態でアイコンが空白になるのはなぜですか?
**フィードバックに応えて**
すでに述べたように、他のすべてのボタン状態で機能しているため、コードはありませんでした。とにかく、これのほとんどはPhotoshopで行われます。かなり不必要に思えたので、省略してしまったことをお詫び申し上げます。
.ui-icon-dollar { background-position: -160px -144px; }
これは、CSSファイルの唯一の余分なコード行です。他のすべては変更されていません。
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_0078ae_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_e0fdff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_056b93_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/ui-icons_f5e175_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_f7a50d_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_fcd113_256x240.png); }
これらは、JQueryThemerollerの元のCSS行です。すべてのマスターアイコンファイルは同じであり(色を除く)、アイコンに複数のオフセットは定義されていません。私が追加したその1行のコードは、通常アイコンを定義するすべてです。
他の状態でも正しく表示されるので、オフセットが正しいとしか思えません。
Chromeの検査ツールについては、ホバー状態のスパン要素に違いは見られません。その背景画像は同じままです。
Chromeを使用してリアルタイムで編集できるとは知りませんでした。:)ありがとうございます。
リアルタイムで背景画像を変更しても、ホバー状態のときにボタン自体に影響はありません。まだ空白のままです。
もちろん、独自のアイコンを作成することはすべて問題なくダンディであるため、これらすべてを実行しますが、.buttonを使用して、マスターアイコンファイルにあるものに制限されずにボタンやコールバックを定義することはできません。ボタンのさまざまな状態をすべてアクティブにし、ラベルを定義し、コールバックを一度に実行するための1回の呼び出しがあると非常に便利です。より少ないコードとそのすべてを書く:)
ボタンアイコンをJQueryテーマに追加し、フレームワーク内で機能させる方法が必要です。