製作按鈕的背景圖片

大小我有一個提交按鈕，有一個背景圖像的形式，製作按鈕的背景圖片

<button type="button" class="button" alt="Send" onclick="validate_form_newsletter_wide(form)"></button>

沒關係，只要我指定的CSS使用的尺寸。

.button { 
    position: relative; 
    background: url("index_htm_files/btn_newsletter_wide.png") no-repeat; 
    border:none; 
    cursor: pointer; 
    float: right; 
    height: 51px; 
    width: 200px; 
    margin: 0px; 
    padding:0px; 
    z-index: 999; 
}

如果我刪除高度和寬度CSS按鈕不顯示的問題，如果我將它們設置爲100％，每個然後，我看到的只是形式下方的按鈕的滑行。

我怎樣才能改變CSS或代碼，使我並不需要指定圖像的大小，因爲圖像的大小將時間有點改變時間。

來源

2015-09-17 Naz

你能否提供一個JSFiddle的情況？ –

如果您想要圖像填充，您將一直需要指定按鈕的絕對大小。你最好的選擇是讓所有的按鈕背景圖像保持一致。 – user3065931

您無法制作元素縮放比例以適合其背景圖片。

這就是說，你沒有對您的按鈕任何內容可言，所以，它聽起來就像你的背景圖像實際上是一個內容的圖像，不應該在CSS的。

改爲使用內容圖像。

<button type="button" 
     class="button" 
     onclick="validate_form_newsletter_wide(form)"><img 
      src="index_htm_files/btn_newsletter_wide.png" 
      alt="Send"></button>

您可能需要刪除默認的填充，並用CSS按鈕的邊框，並調整圖像的vertical-align以便它坐落在您想要的位置就行了。

來源

2015-09-17 13:02:57 Quentin

製作按鈕的背景圖片

回答

相關問題