1
作成日: 04/06/09 03:42 PM
返信: 2
CFIF
入会日: 05/30/07
投稿数: 38
IEのz-indexバグを回避するには
04/06/09 2:18 PM
皆さんこんにちは。
<cfform name="test"> <cfinput type="datefield" name="testdatea"><br /><br /> <cfinput type="datefield" name="testdateb"><br /><br /> <cfinput type="datefield" name="testdatec"><br /><br /> </cfform>
といった感じでdatefieldが縦に並んでいると、IEの場合、せっかく表示されるカレンダーが、textboxの下に隠れてしまいます。
IEのz-indexに関するバグだと思いますが、これをうまく回避していらっしゃる方いませんでしょうか。
CF8.01(win)です。
よろしくお願いいたします。
----------------
できればColdFusionでお願いします
AXL
入会日: 02/02/08
投稿数: 246
Re: IEのz-indexバグを回避するには
04/06/09 10:54 PM
下のを参考にしてみてください。
ポイントは"z-index"の値と"position:relative"です。
<cfform>
<cfloop index="i" from="5" to="1" step="-1">
<div style="width:200px; z-index:<cfoutput>#i*10#</cfoutput>; position:relative">
<cfinput type="datefield" name="date#i#">
</div>
</cfloop>
</cfform>
1
