Chrome 및 Safari의 페이지 배경 이미지

CSS 속성을 사용하여 배경 이미지를 적용 할 HTML 페이지가 있습니다.Chrome 및 Safari의 페이지 배경 이미지

문제는이 배경 이미지를 비교적 긴 페이지 하단에 표시하려는 것입니다. 즉, 페이지를 배경 이미지를보기 위해 아래로 스크롤해야합니다.

나는 다음과 같은 적용 :

body { 
    background: url("images/bg_homepage.png") no-repeat scroll right bottom transparent; 
}

이 파이어 폭스와 인터넷 익스플로러를 위해 잘 작동하지만 크롬과 사파리 브라우저에서 작동하지 않습니다. Chrome과 Safari는 background-attachment 속성이 "fixed"로 설정되어 있어야하지만 꼭 원하지 않습니다.

안내하십시오.

감사

출처

2011-03-02 Prashant

나를 위해 언급 한 모든 브라우저에서 작동합니다. http://jsfiddle.net/7CG5z/ – thirtydot

해당 코드는 모든 브라우저에서 작동합니다. 코드에 간섭을 일으키는 다른 것이 있습니다. – sevenseacat

응답 해 주셔서 감사 드리며 jsfiddle.net에 대해 나에게 계몽을 제공해 준 thirtydot에게 감사드립니다. – Prashant

당신의 몸에서 그것을 싶지 않는 경우 예 :

에 대한과 사업부 및 ID BG를 만든 다음이

#bg { 
    background: url("/bg.gif") no-repeat scroll left bottom #FFFFFF; 
    bottom: 100px; 
    height: 396px; 
    position: fixed; 
    width: 288px; 
    z-index: -1; 
}

같은 것을 할 수있는 당신이 경우 페이지의 아무 곳이나 고정하여 사용하고 싶지 않으면 주요 브라우저에서는 작동하지 않습니다. (

출처

2011-03-02 10:47:44 walialu

나는 이것을

body { 
    width: 100%; height: 100%; 
    position: absolute; 
    background-image: url(img/strand_402.jpg); 
}

모든 브라우저 (IE 포함)에서 작동합니다.

출처

2011-03-02 10:50:27 SchurigH

Chrome 및 Safari의 페이지 배경 이미지

답변

관련 문제