CSS渗出，cfinput类型=“datefield” [英] CSS bleed-through with cfinput type="datefield"

问题描述

我有一个使用多个< cfinput type =datefield...> 的表单。它们的定位方式使得弹出的CSS日历应该显示在其他字段的字段上。

I have a form using multiple <cfinput type="datefield" ...>. They are positioned in such a way that the pop-up CSS calendar should appear over the field for others. However, the text fields for the other dates end up in front of the calendar.

这只是一个IE问题，因为Firefox和Safari可以正常工作。

This is only an IE issue as Firefox and Safari work just fine.

有没有一个简单的CSS黑客或一些其他简单的事情，我可以做的日历来作为它应该？

Is there a simple CSS hack or some other simple thing I can do to get the calendar to act as it should? Re-arranging the form is not very helpful.

推荐答案

好吧，你必须封装你的datefield wirhin一个div与两个位置：相对和Z索引值，如：

Well, you have to encapsulate your datefield wirhin a div with both position:relative and Z-index value, as in :

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

Defining Z-index within the Cfinput will not work.

这篇关于CSS渗出，cfinput类型=“datefield”的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！