CSS에서 오른쪽으로부터 특정 거리에 배경 이미지를 배치하려면 어떻게 해야 합니까?

CSS를 사용하여 배경 이미지를 오른쪽에서 배치

질문:

배경 이미지를 오른쪽에서 특정 거리에 정렬할 수 있습니까? 다음을 사용하여 상위 요소의 오른쪽 가장자리 CSS?

예:

왼쪽에서 10픽셀 떨어진 곳에 이미지를 배치하려면 다음 CSS를 사용합니다.

#myElement {
    background-position: 10px 0;
}

답변:

CSS3 background-position 속성을 사용하면 배경 이미지를 오른쪽 가장자리에서 오프셋할 수 있습니다. 요소:

/* Offset the element 10px from the right */
background-position: right 10px top;

참고:

• 이 기능은 IE8에서 지원되지 않습니다.
• Chrome, Firefox, 및 Edge.

Can I Use:에서 브라우저 호환성을 확인할 수 있습니다. https://caniuse.com/Background-position-shorthand

업데이트:

현재 이 기능은 모바일 브라우저를 포함한 모든 주요 브라우저에서 지원됩니다.

위 내용은 CSS에서 오른쪽으로부터 특정 거리에 배경 이미지를 배치하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!