По W3Schools вы можете предоставить значение в указанном ниже формате:
- правый верхний/правый центральный/правый нижний: указать только одно ключевое слово
- XPOS YPos: Единицы измерения могут быть пиксели (0px 0px) или любой другой CSS units
- inherit: Указывает, что настройка свойства background-position должна быть унаследована от родительского элемента
Также я пробовал свои материалы лично, и я обнаружил, что он действительно не работает для Safari, но если это действительно необходимо для вас, и если вы можете сделать ниже упомянутый трюк, то ваш вопрос решается :-)
Работа Fiddle для вас
<!-- The CSS -->
<style type="text/css">
div {
background: url(https://www.google.co.in/images/srpr/logo4w.png) no-repeat scroll right bottom transparent;
margin-right: 100px;
}
p {
margin-right: -100px;
}
</style>
<!-- The HTML -->
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In euismod adipiscing elementum. In turpis ipsum, adipiscing vitae magna vitae, consequat hendrerit justo. Aliquam non facilisis dui, tempus convallis tortor. Donec ultricies pharetra tortor, a tempor magna commodo nec. Donec id justo ornare, ullamcorper est ac, aliquet justo. Duis rutrum justo a laoreet volutpat. Phasellus molestie consequat risus at varius. Aenean imperdiet ornare odio, a aliquam leo pharetra id. Integer lectus felis, semper id sapien viverra, dignissim molestie massa. Mauris blandit eros eget lorem cursus, sed consectetur lectus tincidunt. Cras tristique vel orci eu cursus. Sed congue tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vehicula nec eros sit amet mollis. Nam ipsum arcu, pretium et tempus ac, scelerisque sed nulla. Sed dapibus in massa in consequat.</p>
</div>
Приветствиях & GOODLUCK!
У меня возникли проблемы с отображением вашего вопроса, выглядит так же для меня в Firefox, Chrome и Safari ... – apaul
я редактировал этот вопрос, но после того, как Баунти не показывать мои изменения, я хочу, чтобы поместить изображение с фоновой позицией: правая 100px нижняя 0px; он работает в хроме, но не в сафари –
Я задал новый вопрос здесь: http: //stackoverflow.com/questions/17908471/safari-position-css-not-working-second-time-ask-same-quastion –