ie6 frame bug 잔상

ie6에서.. doctype를 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 요딴식으로 적어놓고, frame을 쓰는경우가 있다.
그렇다면 다음과 비슷한 증상이 나타난다.



@ 원인(cause)

1. 본인이 원한경우
 - 홈페이지를 만들때 background music를 깐다던가.. 등등의 꼼수를 쓰려고..

2. 본인이 원하지 않은 경우
 - 한글도메인을 사용하는 경우에 plug-in을 설치하지 않은 ie6에서는 임의로 frame를 삽입해 홈페이지를 출력한다.
   이때, body에 background-image를 준경우에, 익스플로러에서 스크롤할때 잔상에 생기는 버그가 발생한다.


@ 해결방법(solution)
 1. 배경이미지, 배경색등을 정확하게 명시하여준다.
   ex>
   body { background: #fff url('background.gif') top no-repeat; }
   이경우..
   body { background-color:#fff; background-image:url('background.gif');  background-position:top; background-repeat:no-repeat; }

 2. 이렇게 해서도 안된다!! (solution 2)
  * html { background-color: #fff; }

이런식으로 지정하면. 스크롤시 잔상이 사라지게 된다.



by 백탄왕 | 2008/05/07 16:16 | 셈틀 | 트랙백 | 핑백(1) | 덧글(1)

트랙백 주소 : http://atple.egloos.com/tb/1680719
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Linked at 20001030 : ie6 f.. at 2011/08/19 10:26

... 출처 : http://atple.egloos.com/1680719ie6에서.. doctype를 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ... more

Commented by 경진 at 2008/05/08 11:05
오~
삽질의 결과물~ㅊㅋㅊㅋ

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶