ie6 잔상 버그 해결
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; }
이런식으로 지정하면. 스크롤시 잔상이 사라지게 된다.
이렇게 코딩하길..
#wrapper{padding:0 0 0 20px;background-color:#fff; background-image:url('/images/common/bg_left.gif'); background-position:left top; background-repeat:no-repeat;}
[출처] IE6 Frame bug 잔상 버그|작성자 강짱