Firefox 2_Experience 교환의 입력 상자에 누락된 커서 버그에 대한 솔루션

다행스럽게도 이 버그는 Firefox3에서 해결되었지만 Firefox3은 아직 베타 단계에 있으며 Firefox2를 대체하는 데는 여전히 시간이 걸립니다. 아래에서 이 문제에 대해 자세히 설명하겠습니다.

1. position:absolute; }컨테이너의 양식 입력 상자는 {overflow:auto;}와 유사한 스타일로 컨테이너 영역에서 커서를 잃습니다.
예제 1~6을 통해 가장 일반적인 상황에 대해 알아볼 수 있습니다.

커서 없이 본문 전체가 나타나도록 하려면 html과 본문 두 개의 컨테이너를 설정하면 됩니다. 예시를 참고하세요. Overflow:auto 예제를 포함하여 이 버그를 일으킬 수 있는 오버플로 속성에는 다음이 포함됩니다.

overflow:auto
overflow-x:auto;
overflow-y:auto
overflow; scroll ;
overflow-x:scroll;
overflow-x:hidden;
overflow-y:hidden;
🎜>
버그가 있는 오버플로 속성을 대체하려면 Overflow:hidden을 사용하세요.
위의 오버플로 속성이 있는 컨테이너에 position:relative를 추가하세요. 예시를 참조하세요.
동일한 오버플로 속성을 positon:absolute 컨테이너에 추가하고 페이지에 나타나는 순서에 주의하세요. 예 4를 참조하세요.
버그를 일으킬 수 있는 오버플로 속성을 사용하는 컨테이너에 적합한 태그를 선택하세요. , fieldset과 같은 경우 예제 6을 참조하세요.
2. 스타일이 {position:absolute;}인 컨테이너의 양식 입력 상자가 iframe 컨테이너 영역에서 커서를 잃습니다.
예제 7을 통해 이 상황을 이해할 수 있습니다. IE6의 드롭다운 목록 수준이 너무 높은 문제를 해결하려면 iframe으로 덮어야 하는 경우가 종종 있습니다. 브라우저 제한 설정을 무시하면 위와 같은 문제가 발생할 수 있습니다.

Firefox 2에는 iframe 처리에 버그가 꽤 많은 것 같습니다. 예를 들어 Firefox가 반환되었을 때 Iframe 표시에 버그가 이전에 발견되었습니다.