ThemeRoller を使用して、カスタムの背景色とスタイルを持つ 2 つの異なるボタン (テーマ C と D) を作成しました。次に、スタイルシートをインポートして、Asp.Ner mvc4 プロジェクトで使用しました。ボタンは期待どおりにスタイル設定されていますが、リスト項目とボタンのイメージが失われています。
私の Web プロジェクトでは、他のすべてにテーマ B を使用しています。
次に、 http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.cssを ThemeRoller にロードして、それらのアイコンが失われないことを期待して、テーマ F と G を作成しようとしました.
プロジェクトで使用する場合も同じことが起こります。リスト アイテムのきれいな右矢印アイコンがなくなり、戻るボタンの左矢印アイコンがなくなりました。他のアイコンはチェックしていません。
他の誰かが同じ問題に遭遇しましたか?
カスタム jQuery Mobile 1.1.0 テーマでも同じ問題が発生しました (IE8 にアイコンがありません)。しかし、ThemeRoller からデフォルトのテーマをダウンロードして自分のサイトで使用すると、アイコンが正しく表示されました。
実際にこれらの設定を変更しなくても、DISC COLOR および DISC OPACITY 設定をクリックしてデフォルトのテーマをダウンロードすると、.css ファイル内の次のコードの背景色が #666666 から変更されることがわかりました。 (デフォルト設定) を #FFFFFF にします。
.ui-icon,
.ui-icon-searchfield:after {
background: #666666 /*{global-icon-color}*/;
カスタム スタイルシートを編集して背景色を #666666 にすると、アイコンが IE8 で表示されるようになりました。
これと同じ動作が、2 つの DEFAULT ICON 設定、および jQuery Mobile の異なるバージョン (1.2.0 など) にも当てはまります。
アイコンパックが不足している可能性があります。jquerymobile の完全な zip をダウンロードし、images フォルダーをプロジェクトのある場所にコピーします。それはそれを行う必要があります。通常、次のファイルが含まれています: ajax-loader.gif, ajax-loader.png, icons-18-black.png, icons-18-white.png,icons-36-black.pngicons-36-white.png