2008-10-16 15 views
2

我有使用多个<cfinput type="datefield" ...>的形式。它们的定位方式是让弹出式CSS日历显示在其他字段上。但是,其他日期的文本字段会在日历前面结束。CSS渗出通过与cfinput类型=“的DateField”

这仅仅是一个IE问题,因为Firefox和Safari浏览器工作得很好。

有一个简单的CSS黑客或其他一些简单的事情,我可以做的就是日历作为它应注意什么?重新安排表格不是很有帮助。

+0

你有一个测试页?没有示例,这有点难以调试。 – scunliffe 2008-11-04 19:44:17

+0

不,我几乎完全在做内联网应用程序。 – ale 2009-01-12 16:05:04

+0

你是在谈论简单的输入文本字段还是选择?因为select元素在IE中有特殊的行为。 – alexmeia 2009-08-25 13:28:44

回答

0

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

首先可能会更容易,因为该弹出窗口被写入动态的方式 - 通过CF到浏览器通过任何无法识别或使用的属性,所以你可以只添加一种风格。例如:

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

未测试,YYMV。

4

好了,你要封装你的DateField wirhin具有两个position一个div:相对和Z-指标值,如:

<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-指数将无法正常工作。

0

在你的CSS试试这个,

的DIV与cfinput领域

position:relative;z-index:0 

日历

position:absolute;z-index:1