Фоновое изображение CSS в: после элементаHtml

Программисты Html
Ответить
Anonymous
 Фоновое изображение CSS в: после элемента

Сообщение Anonymous »

Я пытаюсь создать кнопку CSS и добавить к ней значок, используя: после, но изображение никогда не отображается. Если я заменяю свойство «фона» на «фоновый цвет: красный», то появляется красная коробка, поэтому я не уверен, что здесь не так.

Код: Выделить всё

.button {
padding: 15px 50px 15px 15px;
color: #fff;
text-decoration: none;
display: inline-block;
position: relative;
}

.button:after {
content: "";
width: 30px;
height: 30px;
background: url("http://www.gentleface.com/i/free_toolbar_icons_16x16_black.png") no-repeat -30px -50px no-scroll;
background-color: red;
top: 10px;
right: 5px;
position: absolute;
display: inline-block;
}

.green {
background-color: #8ce267;
}< /code>
 Click me 


Вы можете проверить эту скрипку, чтобы увидеть, что я имею в виду.>

Подробнее здесь: https://stackoverflow.com/questions/146 ... er-element
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»