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

질문 : CSS를 사용하여 오른쪽에서 배경 이미지 오프셋

---

요소 오른쪽에서 특정 수의 픽셀에 배경 이미지를 배치하는 방법이 있습니까?

예를 들어 왼쪽 에서 특정 수의 픽셀 (예 : 10)을 배치하려면 다음과 같이합니다.

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

답변

---

이 CSS3 기능이 유용하다는 것을 알았습니다.

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

내가 아는 한 이것은 IE8에서 지원되지 않습니다. 최신 Chrome / Firefox에서는 잘 작동합니다.

지원되는 브라우저에 대한 자세한 내용은 사용할 수 있습니까를 참조하십시오.

사용 된 출처 : http://tanalin.com/en/blog/2011/09/css3-background-position/

업데이트 :

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

출처 : https://stackoverflow.com/questions/5142405/offset-a-background-image-from-the-right-using-css