Div를 사용하지 않고 CSS에서 배경 이미지를 완벽하게 중앙에 배치하려면 어떻게 해야 합니까?

CSS를 사용하여 배경 이미지를 중앙에 배치

div 없이 CSS를 사용하여 배경 이미지를 중앙에 배치하려고 하면 사용자에게 다음과 같은 문제가 발생할 수 있습니다. 이미지가 중앙에 있지 않고 "위로 이동"된 것처럼 보입니다. 이 문제를 해결하기 위해 여러 가지 해결책을 고려할 수 있습니다.

다음 CSS 수정을 통해 배경 이미지를 적절하게 중앙에 배치할 수 있습니다.

body {
    background-image: url(path-to-file/img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

또는 원하는 이미지로 div를 만들고 활용할 수도 있습니다. z-index를 사용하여 배경으로 지정합니다. 이 방법은 신체 배경 이미지보다 중앙에 배치하는 것이 비교적 간단합니다.

이러한 접근 방식이 실패할 경우 픽셀 값을 사용하여 이미지를 중앙에 배치할 수 있습니다. 예를 들어:

body {
    background-repeat: no-repeat;
    background-position: 0 100px;
}

또는 신체의 최소 높이가 100%로 설정된 경우 백분율을 사용할 수 있습니다.

body {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/images2.jpg);
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 100%;
}

위 내용은 Div를 사용하지 않고 CSS에서 배경 이미지를 완벽하게 중앙에 배치하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!