Кнопка отправки формы @ Прозрачные CSS-спрайты - PullRequest
Новая
       12

Кнопка отправки формы @ Прозрачные CSS-спрайты

0 голосов
/ 11 января 2012

Так что я пытаюсь стилизовать кнопку отправки. Фон происходит из прозрачного файла спрайта png. Когда все сказано и сделано, кнопка отображается в виде белого поля, и изображение спрайта не загружено.

<input name="Submit" type="submit" value="" class="lp-submit"/>

CSS 

.lp-submit {
    vertical-align:middle;
    width:106px; 
    height:47px; 
    background:transparent url(images/bt_sprite.png) no-repeat 0 0;
    border:none;
    cursor:pointer;
}

.lp-submit:hover {
        background:transparent url(images/bt-sprite.png) no-repeat 0 25;
}

Изображение появляется, если «прозрачный» удален с фона: когда его снова помещают в белый ящик.

Ответы [ 2 ]

0 голосов
/ 11 января 2012

URL должен быть строкой. Попробуйте заключить его в апострофы или кавычки (например, url('images/bt_sprite.png');). Кроме того, у вас есть двойная косая черта в пути изображения. Поскольку значение URL является строкой, вам не нужно (и не следует) экранировать косую черту.

0 голосов
/ 11 января 2012

Проверьте относительный путь к вашему изображению.CSS ищет относительные пути из папки, в которой он находится, а не из корня документа.А почему есть косые черты?

...