CSS:JQuery日期选择器的图像不显示

我在这里使用日期选择器：

我点击了查看源代码，然后复制了代码

以下三行：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

---

jquery-ui.css文件的此部分控制所有图标：

.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

它使用ui图标图像作为背景，并更改背景位置

例如：

找到正确的图标

重点是第一节中的路径是相对的，因此如果您的css位于图像上方的目录中，它将非常有效

例如，做这样的事情：

<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>

或：

---

抱歉，那里可能有太多无关的信息，但我正在忙着…

你是否包含JS库？？如果你从jqueryui下载了主题，你应该将

jquery ui.css

放在你的css文件夹（以防你那样使用）中，然后放在你的css文件中，如果你有

css文件夹和
图像文件夹，你可以用
。/images/image.png
来更改目录。我在上面做了一个编辑，向你展示了如何调用样式表和javascriptWell，然后在你的
jquery ui.css
中，你应该更改你可以在该文件中找到的
图像
路径，并进行更改将其发送到
。/images/
。应该是这样的。当然，您应该在
images
folderHey中拥有所有jqueryui图像！感谢您提供的详细信息，在大多数情况下，这比减少要好：）但这让我更困惑，尤其是这一部分
重点是第一部分中的路径是相对的，因此如果您的css位于图像上方的目录中，它会很好地工作。
这是否意味着您希望我将/css移动到/images/css？实际上没有，把东西放在原处，编辑css文件以指向正确的路径，无论是绝对路径：/images/ui-icons\u 22222\u 256x240.png-现在css位于何处都无关紧要，它将始终在站点的根目录中查找，然后下放到images目录中查找图像；或相对../images/ui-icons_22222_256x240.png-如果css位于/css目录中，它将上升一个目录（..），然后下降到images目录中。或者去掉css目录，将css文件放在根目录中（这似乎会让你以后感到头疼）。我更改了图像的位置，在默认图像文件夹之外，链接到它们的新位置不起作用。我试过你的解决办法。将“./”添加到任何路径解决了我的问题。希望这也能帮助其他人。
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.ui-icon-arrow-1-e { background-position: -32px -32px; }

<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>

.ui-widget-content .ui-icon {
        background-image: url("/images/ui-icons_222222_256x240.png");
 }

.ui-widget-content .ui-icon {
        background-image: url("../images/ui-icons_222222_256x240.png");
}