2

我有一个使用多个<cfinput type="datefield" ...>. 它们的位置使得弹出的 CSS 日历应该出现在其他人的字段上。但是，其他日期的文本字段最终位于日历前面。

这只是一个 IE 问题，因为 Firefox 和 Safari 运行良好。

是否有一个简单的 CSS hack 或其他一些简单的事情可以让日历正常运行？重新排列表格不是很有帮助。

4

4 回答 4

4

好吧，你必须用 position:relative 和 Z-index 值封装你的日期字段，如：

<div style="position:relative; z-index:3">
<cfinput type="dateField" name="info_dateDebutPub" value="#dateformat(info_dateDebutPub,'dd/mm/yy')#" mask="dd/mm/yy">
</div>

在 Cfinput 中定义 Z-index 将不起作用。

于 2009-02-17T13:51:57.007 回答
1

IE6 的 z-index 和某些类型的控件存在问题。试试这个：http ://brandonaaron.net/jquery/plugins/bgiframe/docs/

于 2008-10-23T17:37:03.990 回答
0

我的第一个倾向是尝试为具有负 z-index 的文本字段添加样式。或者，您可以尝试将正 z-index 应用于弹出窗口。

考虑到弹出窗口是动态编写的，第一个可能会更容易——CF 将任何无法识别或未使用的属性传递给浏览器，因此您只需添加一个样式。就像是：

<cfinput type="datefiled" name="bob" value="" style="z-index: -1;">

未测试，YYMV。

于 2008-10-16T18:24:15.897 回答
0

在你的 CSS 中试试这个，

对于带有 cfinput 字段的 DIV

position:relative;z-index:0

日历

position:absolute;z-index:1
于 2009-09-01T11:42:21.640 回答