2008-10-16 11 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