복수형 <cfinput type="datefield" ...>을 사용하는 양식이 있습니다. 그들은 팝업 CSS 캘린더가 다른 사람들을 위해 필드 위에 나타나도록 배치됩니다. 그러나 다른 날짜의 텍스트 필드는 달력 앞에 표시됩니다.cfinput 유형 = "datefield"를 사용하는 CSS 블리드 스루
이것은 Firefox와 Safari가 정상적으로 작동하므로 IE 문제 일뿐입니다.
캘린더를 정상적으로 작동시키기 위해 간단한 CSS 해킹 또는 다른 간단한 작업이 있습니까? 양식을 재 배열하는 것은별로 도움이되지 않습니다.
내 첫 번째 경향은 음수의 Z- 색인이있는 텍스트 필드에 스타일을 추가하려고 시도하는 것입니다. 또는 팝업에 양의 z- 색인을 적용 할 수 있습니다.
팝업은 동적으로 작성되는 방식을 고려할 때 아마도 더 쉬울 것입니다. CF는 인식 할 수 없거나 사용되지 않는 모든 속성을 브라우저에 전달하므로 스타일을 추가 할 수 있습니다. 예 :
<cfinput type="datefiled" name="bob" value="" style="z-index: -1;">
테스트되지 않았습니다. YYMV.
IE6에는 Z- 색인 및 일부 종류의 제어 문제가 있습니다. 이 시도 : 작동하지 않습니다의 cfinput 내에서 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>
: 같이 상대와 Z - 인덱스 값을 : http://brandonaaron.net/jquery/plugins/bgiframe/docs/
글쎄, 당신은 두 위치에 사업부 wirhin 당신하여 DateField를 캡슐화해야 . 의 cfinput 필드 달력
position:relative;z-index:0
position:absolute;z-index:1
은 훌륭했습니다. 감사. –
당신의 CSS에서 이것을 시도
, DIV에 대한? 이것은 샘플이 없으면 디버그하기가 약간 어렵습니다.
이 테스트 페이지를해야합니까와 – scunliffe
아니요. 거의 독점적으로 인트라넷 앱을 만들고 있습니다. – ale
간단한 입력 텍스트 필드에 대해 이야기하거나 선택 하시겠습니까? select 요소는 IE에서 특별한 동작을하기 때문에. – alexmeia