CSS가 배경 이미지를 오른쪽 가장자리로부터 특정 거리에 배치할 수 있습니까?

정확한 배경 이미지 위치 지정: 오른쪽 여백에 정렬

CSS를 사용하여 배경 이미지를 오른쪽 가장자리에서 지정된 거리에 배치할 수 있나요? 요소의? 기존의 배경 위치 속성을 사용하면 왼쪽과 위쪽에서 특정 조정이 가능하지만 오른쪽 여백을 기준으로 정렬을 달성할 수 있는 직접적인 방법은 없는 것처럼 보일 수 있습니다.

그러나 해결 방법은 있습니다.

해결책:

background-position: right 30px center;

이 기술은 대부분의 최신 브라우저에서 효과적으로 작동합니다. 브라우저 호환성에 대해서는 https://caniuse.com/#feat=css-Background-offsets를 참조하세요.

설명:

올바른 키워드는 브라우저에 위치를 지정하도록 지시합니다. 요소의 오른쪽 가장자리에 있는 이미지입니다. 후속 30px 값은 오른쪽 경계에서 이미지를 오프셋할 거리를 지정합니다. center 키워드는 요소 높이 내에서 수직 중심에 위치하도록 보장합니다.

추가 정보:

자세한 내용은 http://www.w3의 W3C 사양을 참조하세요. org/TR/css3-배경/#the-배경-위치.

위 내용은 CSS가 배경 이미지를 오른쪽 가장자리로부터 특정 거리에 배치할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!