Кнопка CSS - Фон

Question

Я уже несколько часов стуча головой о кирпичную стену с этим, и я уверен, что это что-то простое.

У меня есть новая кнопка с плагином, который я установил, и я хочу, чтобы он выглядел как все мои другие кнопки. Я вытащил те же свойства, но по какой-то причине он не будет отображать фоновое изображение позади текста. Он показывает крошечный бит слева от текста, а затем останавливается. Если я выберу цвет фона, он будет отображаться позади него, но изображения не будут отображаться. Что мне не хватает? Я проверил все таблицы стилей CSS, которые поставлялись с плагином, чтобы увидеть, вмешиваются ли они, и ни одна из них не связана.

Вот мой CSS:

button.button-am { 
overflow:visible; 
width:auto; 
border:0; 
padding:0; 
margin:0; 
cursor:pointer; 
height: 28px; 
background-color: transparent; 
background-image: url(../images/bkg_btn.png); 
} 

button.button-am span { float:left; height:28px; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; } 

Моя кодирование от Magento является:

<button class="button-am" type="submit"><span><?php echo $this->__('Save Name') ?></span></button> 

Answer 1

Ваш упускают double quotes в URL

Изменить

url(../images/bkg_btn.png) 

к

url("http://placehold.it/150x150") 

полная демо

button.button-am { 
 
overflow:visible; 
 
width:auto; 
 
border:0; 
 
padding:0; 
 
margin:0; 
 
cursor:pointer; 
 
height: 28px; 
 
background-color: transparent; 
 
background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"); 
 
background-size: contain; /*you may need this*/ 
 
} 
 

 
button.button-am span { float:left; height:28px; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; }

<button class="button-am" type="submit"><span><?php echo $this->__('Save Name') ?></span></button>

background-image reference

Answer 2

Try фон-размер: обложка после фонового изображения: URL (../ изображений/bkg_btn.png);

Answer 3

ОБНОВЛЕНИЕ: Это была проблема с моим изображением. Спасибо вам за все!