我有使用多個<cfinput type="datefield" ...>
的形式。它們的定位方式是讓彈出式CSS日曆顯示在其他字段上。但是,其他日期的文本字段會在日曆前面結束。CSS滲出通過與cfinput類型=「的DateField」
這僅僅是一個IE問題,因爲Firefox和Safari瀏覽器工作得很好。
有一個簡單的CSS黑客或其他一些簡單的事情,我可以做的就是日曆作爲它應注意什麼?重新安排表格不是很有幫助。
我有使用多個<cfinput type="datefield" ...>
的形式。它們的定位方式是讓彈出式CSS日曆顯示在其他字段上。但是,其他日期的文本字段會在日曆前面結束。CSS滲出通過與cfinput類型=「的DateField」
這僅僅是一個IE問題,因爲Firefox和Safari瀏覽器工作得很好。
有一個簡單的CSS黑客或其他一些簡單的事情,我可以做的就是日曆作爲它應注意什麼?重新安排表格不是很有幫助。
我的第一個傾向是試圖添加樣式具有負的z-index文本字段。或者,您可以嘗試將正Z指數應用於彈出窗口。
首先可能會更容易,因爲該彈出窗口被寫入動態的方式 - 通過CF到瀏覽器通過任何無法識別或使用的屬性,所以你可以只添加一種風格。例如:
<cfinput type="datefiled" name="bob" value="" style="z-index: -1;">
未測試,YYMV。
IE6已經用z-index和某些類型的控制問題。試試這個:http://brandonaaron.net/jquery/plugins/bgiframe/docs/
好了,你要封裝你的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-指數將無法正常工作。
在你的CSS試試這個,
的DIV與cfinput領域
position:relative;z-index:0
日曆
position:absolute;z-index:1
你有一個測試頁?沒有示例,這有點難以調試。 – scunliffe 2008-11-04 19:44:17
不,我幾乎完全在做內聯網應用程序。 – ale 2009-01-12 16:05:04
你是在談論簡單的輸入文本字段還是選擇?因爲select元素在IE中有特殊的行爲。 – alexmeia 2009-08-25 13:28:44