2016-08-12 2 views
1

Я пытаюсь вставить фоновое изображение кнопки проверки. Я использую следующий код для перемещения фонового изображения в правую сторону.Поместите фоновое изображение справа с краем 10 пикселей с рамкой

HTML

<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Add to basket</button> 

CSS

.woocommerce div.product form.cart .button { 
    width: 100%; 
    margin-top: 1px; 
    float: right; 
    height: 48px; 
    background-image: url(https://finnandsawyers.com/wp-content/themes/DiviSpace_14th_Feb_13_30/plus.png); 
    background-position: 150px; 
    background-size: 20px; 
    background-repeat: no-repeat; 
    background-position: 370px 15px; 
    cursor: pointer; 
} 

Я ищу способ поместить фоновое изображение на правой стороне с краем 10px к правой границе в настоящее время ее не реагирует.

+0

запас правый: 10px – chirag

+0

вот как позиционировать фоновое изображение - http://www.w3schools.com/cssref/pr_background-position.asp – Andrew

+0

Используйте позицию ': absolute' и' право: 10px ' – Pugazh

ответ

0

Спасибо за ваши комментарии @chirag и Andrew.

Ваши комментарии действительно помогли мне решить эту проблему.

Следующий код исправил мою проблему.

background-position: 95% 50%;