IE7의 Textarea가 마우스 위로 사라집니다.

Question

divs를 사용하여 레이아웃의 테이블 종류 인이 큰 데이터 입력 일종의 페이지가 있습니다. 각 행에는 열림/닫힘으로 전환 할 수있는 하위 행이 있습니다. 토글 링은 css 공개 설정을 사용하여 실행됩니다. 테이블의 각 "셀"은 구석에 약간의 이미지가 있으며 이미지를 클릭하면 항목에 메모를 기록 할 수있는 팝업 창이 열립니다.

이 팝업 창에는 버튼과 함께 텍스트 영역과 일련의 확인란이 있습니다 (입력 유형 = 제출, 생각합니다). 팝업은 숨겨진 div 안에 중첩 된 iframe입니다.

IE7에서이 메모 iframe을 열고 페이지를 아래로 스크롤하면 팝업의 텍스트 영역 위로 마우스를 가져 가면 페이지가 사라지고 페이지 내용이 표시됩니다. 체크 박스는 마우스를 가져 가면 아래 페이지도 표시됩니다.

그래서 몇 가지 수정 사항을 시도했습니다. Z- 인덱스는이 문제를 해결하는 데 사용할 수 있기를 기대했습니다. 운이 없다. 텍스트 입력란을 일반 텍스트 입력란으로 바꾸려고 시도 할 수도 있지만 확인란이이 버그를 표시하기 때문에 한 줄로 된 텍스트 입력으로 인해 버그가 발생할 수도 있습니다.

Answer 1

는 Z- 인덱스는 IE가 (다른 게시물에 언급) hasLayout을 트리거 hasLayout의 read more

Answer 2

Z- 인덱스는 절대적으로 배치 된 블록 요소에서만 작동합니다. 따라서 팝업 상자의 위치를 ​​절대로 설정하고 Z- 색인을 시도하십시오. 특정 위치에 팝업이 필요한 경우 배치 요소를 상대 위치로 설정하십시오. 나는 전에이 문제를 겪었으며 나는 내가 설명한대로 그것을 해결했다고 믿는다. 뿐만 아니라

Answer 3

가장 쉬운 방법을 부르는있는 모든 요소에 대해 작동 zoom: 1을 추가하는 요소를 차단합니다.

가끔 그냥 내 CSS에 임시

* { 
    zoom: 1; 
} 

덤프 아무것도 변경 있는지 확인합니다 멍청한 IE 6/7 디스플레이 문제의 일부를 디버깅 할 때. 그렇다면 요소, 부모/자식 등으로 시작하는 요소에 선택적으로 추가하기 시작하십시오.

zoom은 IE에서만 지원되므로 매우 안전합니다. 또한 요소를 절대적으로 배치하는 것과 같은 미친 일을하지 않아도됩니다.

Answer 4

IE7에서는 입력란과 텍스트 영역 모두에서 똑같은 문제가 있었지만, 그 경우 너비 만 지정하면됩니다.

어디에서 가져 왔는지 기억이 나지 않지만이 솔루션을 찾았지만 매우 우아하지는 않지만 문제가 해결되었습니다. 단지 다음을 추가하십시오 :

filter:alpha(opacity=100) 

당신의 성가신 필드의 스타일 속성에 CSS를 추가하십시오.