>웹 프론트엔드 >JS 튜토리얼 >IE6_form 효과에서 CSS를 통해 선택을 숨기는 js의 버그

IE6_form 효과에서 CSS를 통해 선택을 숨기는 js의 버그

WBOY
WBOY원래의
2016-05-16 18:21:121180검색

오늘 테이블 행 Tr을 숨길 때
$id("tr_" id "_1").style.setAttribute('cssText',"display:none;");,
테이블 행 Tr을 숨기는 데 문제가 발생했습니다. 내부 선택은 IE6에서 숨길 수 없으며 페이지에 계속 표시됩니다.
$id("new_attpm_id2_" id).style.setAttribute('cssText',"display:none;");
도 숨길 수 없도록 선택 스타일을 별도로 설정하고 싶습니다. "Under IE6에서 CSS를 통해 선택을 숨기는 js의 버그입니다. 이는 IE6의 버그로 밝혀졌으며 style.display = "none"을 통해 숨길 수 있습니다.
최종 코드는 다음과 같습니다. $id("new_attpm_id2_" id).style.display = "none"; 문제가 성공적으로 해결되었습니다.

ie6에서 열어주세요: ie6_js_hidden_select_bug.html

패스:

document.getElementById('J_Test').style.display = 'none'
예 숨기기 선택 요소.

그러나 통과:

document.body.id = 'page';
CSS 코드 사용:

#page select { display: none }
ie6에서는 선택 요소를 숨길 수 없습니다.
위치, setTimeout, 확대/축소를 1.001로 변경 및 기타 방법을 시도했지만 모두 실패했습니다.

IE6에서 iframe으로 select를 마스킹해야 하는 악명 높은 버그가 생각납니다. 근본 원인은 위의 버그와 동일하다고 추정됩니다. IE6에서 select는 창 요소이고, 성능은 기본적으로 일반 HTML 요소의 차이점과 동일합니다. 왜? 아무래도 마이크로소프트의 소스코드만 보면 될 것 같습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.