значок изображения в верхней части кнопки отправки - PullRequest
Новая
       13

значок изображения в верхней части кнопки отправки

0 голосов
/ 06 ноября 2011

Я работаю над кнопкой отправки в Drupal.Я использую этот HTML-код, сгенерированный из PHP: 

<div class="buttons">
    <span class="icon">
        <input type="submit" name="op" id="edit-submit-115" value="Vložiť do košíka"  class="form-submit node-add-to-cart"" />
    </span>
</div>

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

Страницу с кнопкой можно найти здесь .

1 Ответ

0 голосов
/ 06 ноября 2011

Ну, вот еще две идеи:

  1. Вы можете использовать несколько фонов: http://tinkerbin.com/revBP8If

    Обратите внимание, что мне пришлось удалить свойство IE filterпотому что это привело к сбою остальной части CSS на Tinkerbin.К сожалению, несколько фонов не поддерживаются IE8 или ниже.

  2. Более совместимой альтернативой является использование обычной ссылки a вместо кнопки input отправки.Вы можете вставить img и оформить его так, чтобы он выглядел как кнопка, но для отправки формы вам понадобится немного Javascript: http://www.javascript -coder.com / javascript-form / javascript-form-submit.phtml

...