CSS bleed-through with cfinput type="datefield“

Question

我有一个使用多个<cfinput type="datefield" ...>的表单。它们的定位方式是，弹出式CSS日历应显示在字段上方供其他用户使用。但是，其他日期的文本字段将在日历前面结束。

这只是一个IE问题，因为Firefox和Safari工作得很好。

有没有什么简单的CSS技巧或者其他简单的事情可以让日历像它应该的那样运行？重新排列表单没有多大帮助。

Answer 1

那么，您必须将日期字段封装在一个div中，同时包含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将不起作用。

Answer 2

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

Answer 3

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

第一种方式可能更简单，因为弹出窗口是动态编写的-- CF将任何未识别或未使用的属性传递给浏览器，因此您只需添加样式即可。类似于：

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

未测试，YYMV。