2

複数を使用したフォームがあります<cfinput type="datefield" ...>。これらは、ポップアップ CSS カレンダーが他のフィールドの上に表示されるように配置されています。ただし、他の日付のテキスト フィールドはカレンダーの前に表示されます。

Firefox と Safari は正常に動作するため、これは IE のみの問題です。

カレンダーを正常に動作させるためにできる簡単な CSS ハックやその他の簡単なことはありますか? フォームの再配置はあまり役に立ちません。

4

4 に答える 4

4

さて、次のように、position:relative と Z-index 値の両方を使用して、日付フィールドを div 内にカプセル化する必要があります。

<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 を定義しても機能しません。

于 2009-02-17T13:51:57.007 に答える
1

IE6 には、z-index と一部の種類のコントロールに問題があります。これを試してください：http://brandonaaron.net/jquery/plugins/bgiframe/docs/

于 2008-10-23T17:37:03.990 に答える
0

私の最初の傾向は、負の z-index を持つテキスト フィールドのスタイルを追加しようとすることです。または、ポップアップに正の z-index を適用することもできます。

ポップアップが動的に記述される方法を考えると、最初の方法はおそらく簡単です。CF は、認識されていない属性や未使用の属性をブラウザーに渡すため、スタイルを追加するだけで済みます。何かのようなもの：

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

テストされていません、YYMV。

于 2008-10-16T18:24:15.897 に答える
0

CSSでこれを試してください。

cfinput フィールドを持つ DIV の場合

position:relative;z-index:0

カレンダー用

position:absolute;z-index:1
于 2009-09-01T11:42:21.640 に答える