2016-01-26 2 views
0

Код ниже - это ссылка, которая имеет класс, через который я хочу добавить фоновое изображение. Я не могу отображать фоновое изображение, но тот же код правильно устанавливает цвет фона, так что я здесь отсутствует? Я не хочу использовать тег <img> внутри ссылки, потому что я хочу изменить фоновое изображение при наведении.Как установить фоновое изображение для ссылки?

.dropbtn{background: url(http://images.freeimages.com/images/previews/356/cubes-1425949.jpg) 50px 50px no-repeat;}
<a class="dropbtn">image</a>

ответ

1

Class for background image См Очевидно, я использовал класс и в CSS, мне использовать background-image.It не нужно делать 1 вещь только из одного method.there имеют много вариантов, чтобы сделать что-нибудь любое

-1

вы используете неправильный класс для CSS использования ниже кода

.dropbtn {фонового изображения: URL (http://images.freeimages.com/images/previews/356/cubes-1425949.jpg) 50px 50px нет повторами;

+0

Вы не можете использовать позиционирование с background-image: only background: –

+0

nops, вы можете установить фоновое изображение в css –

+0

Почему отрицательный ??? Вы ошибаетесь! Вы не можете добавить позицию, используя background-image: url (smiley.png) left top; НЕ будет работать только фон: url (smiley.png) left top; или использовать фоновое положение. Сделайте свою домашнюю работу, прежде чем давать отрицательную обратную связь. –

0

Вы можете попробовать этот путь. Обмотайте <a> с помощью div, затем style ниже этого способа. Упование это вам поможет.

.hello { 
 
    width: 100%; 
 
    background-image: url(http://images.freeimages.com/images/previews/356/cubes-1425949.jpg); 
 
    height: 700px 
 
}
<div class="hello"><a class="dropbtn">image</a> 
 
</div>

0

Вы показываете 50px 50px Ваша ссылка 50px Heigh? Я предполагаю, что вы должны начать с 0 0 и посмотреть, где находится изображение. Есть много прозрачного или белого пространства на холсте, поэтому фактическое изображение не видно, особенно с добавлением 50px правых и верхних позиций?

Добавьте высоту к своей ссылке и удалите позиционирование изображения, используя левый верх.

Смежные вопросы