我正在从这里使用datepicker：https ://jqueryui.com/datepicker/
我单击那里的查看源，然后复制了代码。
以下三行：
<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>
我复制了脚本/ css并将其保存在本地，然后下载了平滑度模板，将其解压缩，将图像放在服务器上的/ images中，但是箭头图像未显示，这就是它的样子：http：// postimg .org / image / bcnvipy61 /
我是否在错误的地方复制了图像？（我对CSS不好）
编辑（阅读以下注释后：
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
所以路径是：
css/
js/
images/
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-icon图像作为背景并更改背景位置。
例如：
.ui-icon-arrow-1-e { background-position: -32px -32px; }
找到正确的图标。
关键是第一部分中的路径是相对的，因此，如果css位于图像上方的目录中，则效果很好。
例如，做这样的事情：
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>
但是，如果您希望它位于同级目录或其他目录中的css目录中，则您必须提供指向站点中图像的绝对链接，或者向上跳过足够的目录以指示在哪里可以找到该图像目录。因此，只需适当地更改jquery-ui.css文件以匹配您要执行的操作即可。
例如更改为：
.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");
}
抱歉，那里可能有太多无关紧要的信息，但是我一直在前进...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句