본문 바로가기

Background

(2)
IE에선 보이는데, 크롬에서 배경이미지가 안 보이는 현상 ... ... ... 상기 코드로 작성되었는데, 이것이 MS 사의 인터넷 익스플로러(이하 IE)에서는 제대로 이미지가 보이는데..크롬에선 안 보인다며 해결 의뢰가 들어왔습니다. 자, 이리저리 해 보았으나 원인을 잘 모르겠는거에요.최초 작업자가 HTML 과 CSS 를 한 두 해 하는 것도 아니고, 나도 꽤나 오랜 세월 작업을 해 왔지만..도저히 모르겠는거라.. ㅠ. 그래서 마지막으로, li 하나에 style="background:url('...') left top" 해 보니..짜잔, 크롬에서도 IE 에서도 정상적으로 보이는겁니다.아하.. class 이름으로 사용한 01, 02, 03 등이 문제.class 이름은 숫자로 시작하면 안 된다는 전제가 있었는데, 가장 기본적인 것을 까먹은거에요.30분 동안 뭔 짓..
이미지 위에 레이어를 올렸는데, 브라우저 폭이 변할때 같이 변하지 않거나 레이아웃에 가로줄이 생길때.. o 박스 안에 이미지와 절대좌표 박스가 들어간 형태에서 호환성 보기를 하면 레이아웃에 금이 가는 현상 다른 웹브라우저나, IE 일반 모드에서는 정상인데.. 유독 IE 호환성 보기에서 레이아웃이 깨짐. ... 이때는.. img 와 absolute 인 div 사이에 공간이 없게 해야 하는군요. ... 그런데, 브라우저 폭이 변할때 absolute 로 잡은 영역이 같이 변하지 않아서 레이아웃이 깨진다면.. 아래와 같이 relative 영역에 이미지를 가져다 사용하는 것이 필요. ...