2016-08-12 6 views
1

チェックアウトボタンの背景画像を挿入しようとしています。次のコードを使用して背景画像を右側に移動しています。私は現在、右の境界に10pxのマージンと右側に背景画像を配置する方法を探して応答しないのです境界に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; 
} 

+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%; 
関連する問題