jQuery UI日期选择器显示不正确(透明)
jQuery UI日期选择器显示不正确(透明)
提问于 2012-06-06 01:10:19
我在使用jQuery日期选择器控件时遇到了一些困难。在我的应用程序中，我使用最基本的方法来调用日历：
$('#elmt').datepicker();目标元素是弹出div上的一个输入文本框。每当我单击文本框时，日历都会显示为透明：http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png
我已经在Stackoverflow上尝试了一些建议来调整ui-datepicker类的z索引：
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }但这也没有起到什么作用。我的测试环境运行的是Internet Explorer7(日历在jQuery-UI提供的示例index.html上呈现正常)。
有没有人见过jQuery UI日期选择器出现这样的问题？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-06 01:15:13
您没有为jQuery UI datepicker加载相关的CSS，这会导致日历显示为“透明”。
要对其进行测试，请编辑jQuery UI的CSS文件并更改此class background
.ui-widget-content {
background: #000;
}- 如果日期选择器获得黑色背景，则正在加载样式表，但图像的路径可能是错误的。
- 如果没有黑色背景，则不会加载样式表。
确认问题是否出在样式表上的另一种方法是直接从jQuery CDN包含CSS
http://code.jquery.com/ui/1.8.20/themes/redmond/jquery-ui.css页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10901723
复制相关文章
相似问题
腾讯云开发者
