jquery uiのサイトのデフォルトの例でサイズ変更可能なjquery uiをいじっていて、divの真ん中に白いパッチがあることに気付きました:
白いパッチは、次のような div に背景色を設定した場合にのみ表示されます。
background-color: cyan;
jsfiddle:
誰が何が起こっているのか知っていますか?
前もって感謝します
jquery uiのサイトのデフォルトの例でサイズ変更可能なjquery uiをいじっていて、divの真ん中に白いパッチがあることに気付きました:
白いパッチは、次のような div に背景色を設定した場合にのみ表示されます。
background-color: cyan;
jsfiddle:
誰が何が起こっているのか知っていますか?
前もって感謝します
サンプルでは、div に「ui-widget-content」クラスを指定しました。
jqueryui では、このクラスには次のバックグラウンド定義があります。
background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
基本テーマでは、これは単なる白のイメージです。
jquery クラスを要素に割り当てる必要はありません。関数を呼び出すたびに、自動的に実行されます。
これは jQuery のテーマに由来します。クラスの背景として40x100 の画像 ( http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png.ui-widget-content
) を挿入します。サイズ変更可能なウィジェットを使用すると、自動的に行われます。
background-image: none;
本当にバグがある場合は、ルールに追加してオーバーライドできます。
css
引き込むのではなく、そこにある場合は完全に機能します。