代码之家  ›  专栏  ›  技术社区  ›  ale

CSS bleed through with cfinput type=“datefield”

  •  2
  • ale  · 技术社区  · 16 年前

    <cfinput type="datefield" ...> . 它们的定位方式是,弹出式CSS日历应该显示在其他人的字段上方。但是,其他日期的文本字段最终显示在日历前面。

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

    4 回复  |  直到 16 年前
        1
  •  4
  •   Superfly_fr Superfly_fr    15 年前

    <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索引将不起作用。

        2
  •  1
  •   Light    16 年前

    IE6在z索引和某些控件方面存在问题。试试这个: http://brandonaaron.net/jquery/plugins/bgiframe/docs/

        3
  •  0
  •   Ben Doom    16 年前

    我的第一个倾向是尝试为具有负z索引的文本字段添加样式。或者,您可以尝试对弹出窗口应用正z索引。

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

    未测试,YYMV。

        4
  •  0
  •   kayteen    15 年前

    对于带有cfinput字段的DIV

    position:relative;z-index:0
    

    对于日历

    position:absolute;z-index:1