jQuery UI 日期选择器显示不正确（透视）答案

【问题标题】：jQuery UI date picker displays incorrectly (see-through)jQuery UI 日期选择器显示不正确（透视）
【发布时间】：2012-06-05 17:10:19
【问题描述】：

我在使用 jQuery 日期选择器控件时遇到了一些困难。在我的应用程序中，我使用最基本的方法来调用日历：

$('#elmt').datepicker();

目标元素是弹出式div上的输入文本框。每当我单击文本框时，日历都会显示为透明：http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png

我已经在 Stackoverflow 上尝试了一些建议来调整 ui-datepicker 类的 z-index：

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }

但这也没有什么不同。我的测试环境正在运行 Internet Explorer 7（日历在 jQuery-UI 提供的示例 index.html 上呈现正常）。

有没有人在 jQuery UI 日期选择器中看到过这样的问题？

【问题讨论】：

【解决方案1】：

您没有为 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

【讨论】：