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-index和某些控件的问题。试试这个：http://brandonaaron.net/jquery/plugins/bgiframe/docs/

Answer 3

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

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

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

未经测试，YYMV。

Answer 4

在CSS中尝试这个，

用于带有cfinput字段的DIV

position:relative;z-index:0

for Calendar

position:absolute;z-index:1

使用cfinput type =“datefield”进行CSS渗透

4 个答案: