2011-09-02 3 views
1

단순히 y 축에서 반복되는 배경 이미지가있는 사이트를 디자인하고 있습니다.IE7/IE8 - 배경 이미지 표시 안 함

#background { 
    background: url("../image/bg.png") repeat-y -43px 150px; 
} 

FireFox 및 Safari에서는 정상적으로 작동하지만 IE7 또는 IE8에서는 정상적으로 작동합니다.

이 2 개의 브라우저에 스타일 시트를 추가하고 배경이 이미지가 아닌 색으로 변경되었습니다.

이 두 브라우저에서 작동하지 않는 이유가 있을까요?

감사합니다.

+0

그냥 알기로 ... 이미지 'bg.png'의 원래 높이는 얼마입니까? –

답변

0

배경의 크기는 어느 정도입니까? 그게 필요합니다 ... 만약 그렇다면 작동하지 않는 페이지에 doctype을 설정 했습니까? IE가 필요합니다 ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
+0

배경 div에 치수를 설정하지 않았습니다. doctype은'strict'이고, 이것은'transitional'으로 변화 할 필요가 있는가? – terrid25

+0

높이 설정 시도 : 100 %; 너비 : 100 %; CSS로 ... 어떻게 시작하는지 알려주세요. –

+0

글쎄,'-43px'는 충분하지 않았고 배경 뒤에 숨어있는 div 뒤에 실제로 숨겨져있는 것 같습니다. -180px로 변경하여 배경 이미지를 볼 수 있습니다. – terrid25

0

사용! IE7 & IE8과 같은 백그라운드 스타일에서 중요합니다.

#background { 
    background: url("../image/bg.png") repeat-y -43px 150px !important; 
}