Фоновый рисунок не отображается

Я пытаюсь превратить изображения, которые появляются на сайте, используя тег в фоновое изображение. МОЯ первый код выглядел как этотФоновый рисунок не отображается

Html:

<img class= "house" src="images/House-03.png" width="122px" height="118px"/>

CSS

.house { 
display:block; 
position:absolute; 
float:right; 
bottom:0; 
right:0;

}

Теперь я пытаюсь изменить это так:

Html

<p class= "house"> </p>

CSS

.house { 
    display:block; 
    position:absolute; 
    background-image:url(../images/House-03.png); 
    width:122px; 
    height:148px; 
    float:right; 
    bottom:0; 
    right:0; 
}

Кроме изображения не появляется! Любая помощь будет оценена, спасибо!

источник

2013-12-07 kduan

Удалите пространство перед «домом». Вам не нужно плавать элемент с абсолютным позиционированием. – Christina

Ваш код в порядке, просто проверьте изображение URL – mdesdev

Можем ли мы увидеть ваше дерево веб-сайта, чтобы убедиться, что ваш URL-адрес изображения верен? –

попробуйте установить фоновое изображение размером свойство

.house { 
    display:block; 
    position:absolute; 
    background:url(../images/House-03.png); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    width:122px; 
    height:148px; 
    float:right; 
    bottom:0; 
    right:0; 
}

надеюсь, что это помогает?

источник

2013-12-07 19:16:39 rand0m

, которые сработали! Благодаря! – kduan

поставить кавычки вокруг вашего URL изображения

background-image:url("../images/House-03.png");

ETA: в комментарии ниже ... цитаты действительно не требуется! просто упомянул его здесь, чтобы устранить исходный вопрос.

источник

2013-12-07 19:16:33 user3037493

oops Я поставил цитаты в свой код, я просто забыл поставить их в свой вопрос. – kduan

o да, если вы хотите, чтобы фон был полностью отображен, вам нужно установить размер фонового изображения, как указано выше rand0m. – user3037493

Котировки не нужны – Tom

Убедитесь, что ваше изображение доступно!

После многих разочарований выяснилось, что моя проблема связана с тем, что изображение не доступно ... Вы всегда можете проверить свой код с другим изображением на другом сайте, который, безусловно, доступен ...

источник

2015-11-09 21:27:55

У меня лично был правильный путь и синтаксис URL. Единственная проблема была

background-img: url("")

необходимости быть изменен ..

background: url("")

И мой фон показал себя торжествующе.

источник

2017-10-16 07:25:26 haej

Фоновый рисунок не отображается

ответ

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