IE8에서 Background-Image 에 사용한 PNG 이미지가 보이지 않는 희한한 경우를 발견했다.

근데 이거 찾아보니 의외로 사례가 있더라.

 

CSS 파일의 내용은 아래와 같았다.

 

.top_logo
{
    background: url('/Images/main/logo.png')no-repeat;
    margin-top:10px;
    display:inline-block;
    width:175px;
    height:45px;
}

 

해결 방법은 ) 와 no-repeat 사이에 한칸 공백(space)을 주는 것.

 

IE8 만 있는 버그란다. 디자이너가 준 CSS 주의해서 다시보도록 해야겠다.

Trackbacks 1 | Comments 2

microdesk's Blog is powered by Daum & tistory