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 回答