ie6 frame 잔상이 생기는 현상

|

홈페이지에 frame을 넣고 익스6에서 테스트를 해보니 잔상이 생기는 현상이 발생했다.

ie8이나 파폭에서는 잘되는걸 보니 6의 버그인거 같다.

그래서 검색을 해보니 배경을 확실하게 명시해주면 처리가 가능하단다.


01

@ 원인(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; }

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


하여튼 ie6는 귀찮다.


http://atple.egloos.com/1680719

And