jQuery-ui：样式表的本地和远程包含之间的差异

Question

当我为一个可调整大小的jquery-ui对话框包含一个jquery-ui样式表时，如此

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/start/jquery-ui.css" />

我得到了这个结果：

但是当我下载同一个文件并将其包含在本地

时

<link rel="stylesheet" type="text/css" href="./jquery-ui.css" />

我得到了这个结果：

请注意右下角缺少调整大小的句柄，这似乎是唯一的区别。

造成差异的原因是什么？

Answer 1

Jquery-ui引用了一堆图像精灵表。当包含来自ajax.googleapis.com的引用时，图像的路径会正确解析，因为Google会在其服务器上托管这些图像，并将它们放在正确的位置。但是在jquery-ui.css的本地副本中，我猜你的图像很可能不在适当的位置。

我在当前项目中使用jquery ui，我的文件夹结构是：

Content
  images            <--- this is the jquery ui sprite iamges folder
  jquery-ui.css

Answer 2

转到 /jquery-ui.css 并确保bg路径正确路径