2

jquery uiのサイトのデフォルトの例でサイズ変更可能なjquery uiをいじっていて、divの真ん中に白いパッチがあることに気付きました:

白いパッチは、次のような div に背景色を設定した場合にのみ表示されます。

background-color: cyan;

jsfiddle:

http://jsfiddle.net/9aQUz/

誰が何が起こっているのか知っていますか?

前もって感謝します

4

3 に答える 3

2

サンプルでは、​​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 クラスを要素に割り当てる必要はありません。関数を呼び出すたびに、自動的に実行されます。

于 2013-07-15T20:13:50.260 に答える
2

これは 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;本当にバグがある場合は、ルールに追加してオーバーライドできます。

jsFiddle の例

于 2013-07-15T20:14:07.723 に答える
1

css引き込むのではなく、そこにある場合は完全に機能します。

フィドル

于 2013-07-15T20:25:27.710 に答える