jquery UI datepicker透明背景

Posted 2023-05-07

【中文标题】jquery UI datepicker透明背景

【英文标题】：jquery UI datepicker transparent background

【发布时间】：2015-05-26 17:27:50

【问题描述】：

这似乎是一个常见问题，但我尝试了很多答案，但没有一个对我有用。

我正在使用 jquery UI 日期选择器。似乎有些不对劲。我是这样看的。

我已将以下内容包含在我的文件中

jquery-1.11.2.min.js jquery-ui.min.js（版本 1.11.4） jquery-ui.min.css（版本 1.11.4）

我也试过下面的css，但没有用。

.ui-datepicker 
  background: #fff !important;
  z-index: 10000;

如何让它看起来正常？

【问题讨论】：

这是你唯一的 CSS 吗？

顺序是什么？确保在 jquery ui 之前加载 jquery 还要确保您没有多次加载任何 jquery（如果您使用捆绑包可能会发生）

你是什么意思“jquery相关的css”？任何其他 CSS可能 会影响日历。这一切都取决于你拥有什么。

在 chrome 中尝试右键单击元素并选择“检查元素”，然后在“样式”面板中查看可能导致此效果的任何规则。您可以取消选中它们以查看如果它们被删除会发生什么

@j08691：问题是由于缺少 jquery 附带的 image 文件夹。

【参考方案1】：

我用基本的日期选择器主题和彩色背景（或透明，如果你愿意）设置了一个小提琴：http://jsfiddle.net/uscmr3xo/3/

.ui-datepicker 
    /*background: transparent;*/
    background: blue;

事实证明，“背景”具有魔力，而“背景颜色”却没有。 由于某些原因，jquery-ui ThemeRoller (http://jqueryui.com/themeroller/) 中没有透明的 BG。但是，如果您想使用不同的颜色/样式模式，请使用该工具。小心自定义 CSS 以覆盖默认的 jquery-ui 样式。