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

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

div를 사용하지 않고 배경 이미지를 중앙에 배치하려면 CSS '배경 위치'를 활용하면 됩니다. 재산. 그러나 어떤 경우에는 이 접근 방식으로 인해 이미지의 절반이 숨겨질 수 있습니다.

해결책은 '배경 위치: 중앙 중앙'을 설정하는 것입니다. 이렇게 하면 이미지 중앙이 브라우저 창 중앙에 고정되어 전체 이미지가 표시됩니다.

또는 이미지로 div를 만들고 'z-index' 속성을 음수 값을 사용하여 효과적으로 백그라운드에 배치합니다. 이 접근 방식을 사용하면 본문 요소에 배경 이미지를 설정하는 것에 비해 센터링을 더 잘 제어할 수 있습니다.

어느 솔루션도 효과적이지 않은 경우 픽셀 값(예: '배경-위치')을 사용하여 '배경 위치' 속성을 조정할 수 있습니다. 위치: 0 100px'). 또는 신체의 '최소 높이' 속성(예: '최소 높이:100%')을 기반으로 백분율 값을 사용할 수 있습니다.

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