CSS 정의 배경 이미지 일부 페이지에 나타나지 않습니다.

웹 사이트를 만들고 CSS에서 배경 이미지를 정의합니다.CSS 정의 배경 이미지 일부 페이지에 나타나지 않습니다.

여기 내 CSS 코드입니다.

body 
{ 
    background-image: url('../background_image.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
}

이것은 모든 내 페이지에 적용됩니다. 모든 데스크톱 페이지에서 작동하지만 모바일에서는 인덱스 페이지에서만 작동합니다. 나는 모든 데스크톱에서 작동하기 때문에 정확하게 이미지를 참조 할 수 있습니다 머리

<link rel="stylesheet" type="text/css" href="css/general.css">

페이지의 모든 파일의 맨 아래에 다음을 사용하여 CSS 파일에 페이지를 연결합니다. 안드로이드 시스템의 버그에 대해 들었지만, 모바일의 색인 페이지에서 작동하므로이 문제는 아니라고 생각합니다.

미리 감사드립니다.

background-image: url('http://example.com/folder/background_image.jpg');

출처

2017-12-28 Cody Fulford

다른 CSS가 규칙을 덮어 쓰거나 경로가 잘못되었다고 추측합니다. '/ full/path/to/img.jpg'를 사용하는 것이 가장 좋습니다. – Tigger

이미 시도했습니다. 같은 결과. 그리고 그게 내 CSS의 모든 곳에서 유일한 곳입니다. –

개발자 도구를 열고 body 요소를 선택하고 background-image를 입력하면 어떤 값이 표시됩니까? 코디 풀 포드 (Cody Fulford)가 제안한 것과 같은 배경 이미지를 무시하는 또 다른 CSS가 있다고 생각합니다. 다음은 무엇을 의미합니까? https://ibb.co/bxO5SG – orabis

배경 이미지가 모바일 페이지를 "푸시 다운"되었다는 밝혀 :

출처

2017-12-29 18:23:26

은 다음과 같은 형식을 사용합니다.

내 CSS에는 가로로 이미지의 중앙에 위치하는 background-position: center;이 있지만 최상위 위치는 가변적이었습니다.

background-position: center top;으로 변경하면 모바일에서 배경 이미지를 볼 수 있습니다.

원하는 위치 지정을 얻으려면 결국 background-position: center -200px;으로 변경했습니다.

도움을 주신 모든 분들께 감사드립니다!

출처

2017-12-28 22:16:37 Samarkandiy

다른 의견을 확인하십시오. 벌써 해봤 어. –

CSS 정의 배경 이미지 일부 페이지에 나타나지 않습니다.

답변

관련 문제