IE6 문자 오버플로우
1929 단어 ie6
<div style="width:400px">
<div style="float:left"></div>
<input type="hidden" value="hidden" />
<div style="display:none;">hidden</div>
<div style="float:left;width:400px">IE6 BUG</div>
</div>오늘 한 프로젝트의 테스트 버전을 보았을 때 IE6 문자가 넘치는 BUG를 발견했고 문자에'중영'이 나타났다.
시작하자마자 주석이 떠올랐다. 원본 코드를 보니 페이지에 주석이 전혀 없었다.도저히 갈피를 잡을 수 없어 Google에 제사를 지내며 "IE6의 이 반복 BUG는 주석이 아닌 것도 있지만 기본적으로 부동과 관련이 있다"는 당초 눈치채지 못했던 구절을 알아봤다.나중에 다른 글에서 type=hidden의 input과 display:none의div를 찾아보면 문자가 넘치는 BUG를 초래할 수 있다. 마침 코드는 type=hidden의 input이 있다.
동료의 도움으로 외국 자료를 찾아보니 type=hidden의 input이 문자가 넘치는 문제를 해결했다.이 input을form 아래에 직접 두지 말고div나fieldset으로 이 input을 싸도 됩니다.코드 삽입하기
<div style="width:400px">
<div style="float:left"></div>
<div><input type="hidden" value="hidden" /></div>
<div style="float:left;width:400px">IE6 BUG</div>
</div>
조건 주석의 경우 참조할 수 있습니다.http://bbs.blueidea.com/thread-2692486-1-1.html, 텍스트 블록을 새div 사이에 포함하지만, 이 방법은 type=hidden의 input과 디스플레이:none의div에 효과가 없습니다.코드 삽입하기
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:left;width:400px"><div>IE6 BUG</div></div>
</div>
디스플레이: none의div로 인한 텍스트 넘침은 div로 숨겨진div를 패키지할 수 있습니다.코드 삽입하기
<div style="width:400px">
<div style="float:left"></div>
<div><div style="display:none;">hidden</div></div>
<div style="float:left;width:400px">IE6 BUG</div>
</div>
일을 끝내다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
IE6 솔루션 png 투명도function correctPNG() for(var i=0; i<document.images.length; i++) var img = document.images[i] var imgName = img.src.toU...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
