Изучение CSS/CSS3 | #6 - Как указать задний фон картинкой CSS

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

Изучение CSS/CSS3 | #6 - Как указать задний фон картинкой CSS

✔ -------------

Помощь в развитии канала.
* Яндекс Деньги: 410014343706921

* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703
Рекомендации по теме
Комментарии
Автор

Спасибо, всё информативно и наглядно. Продолжайте в том же духе, успехов!

platon
Автор

Очень хорошие уроки, помогают подтянуть и закрепить знания CSS. Спасибо.

sugasiti
Автор

Cпасибо за урок, но у меня возникли проблемы: во-первых, почему-то не работают ссылки (всмысле цвет не меняется), а во-вторых, как только я пытаюсь поставить на задний план картинку - все стили становятся неактивными (остаётся обыкновенный чёрный текст). Команды все записываю правильно. Скажите, проблема может быть связана с браузером?

zmbffcf
Автор

вопрос такой. если расстягивает картинку так что она обрезаной получается? я ее в div ставлю
.third {
background-size: cover;
overflow: hidden;
margin-top: -4px;
width: 100%;
height: 600px;

stanislauniadbailau
Автор

а как сделать чтобы картинка растягивалась на весь фон

veirash.
Автор

У меня немного не получается...(
конкретно эта строчка.
Если пишу в класс интро, не работает фон, если в body, фон начинает работать....

background: url('../img/intro-bg.jpg');

Помоги пожалуйста)

axel
Автор

Вопрос, а как сделать чтобы другая картинка лежала на фоне background-image

fotiz_music
Автор

почему не рассказал про background-size: ?

reversal
Автор

Чет у меня с картинкой вообще пробелмы, не могу подобрать.
А если и нахожу нормальное, то почему то не ставится на фон

rsenGrief
Автор

если изображение полностью пропадает, то прописывайте команды отдельно:
background-repeat: repeat-y;
background-position: right;

alexsoft
Автор

Я хочу узнать как можно сделать фоновое изображение на весь экран

mgulzbs
Автор

Почему все вот это вы написали в тег html, а не в body?

kamoliddinkarimov
Автор

а как сделать чтобы справа повторялась одна картинка а слева другая

neborg
Автор

я вставил фото и при уменшении страници их много как ето убрать.?
#page-wrap{
min-height: 85%;
margin-bottom: -10px;

maxkoz
Автор

чувак как фоту растянуть на тот размер который мне нужен !? просто маленькая фота не тянется а отображается в её натуральном размере

TinTaBraSS
Автор

Вот как для новичка, я считаю ты забыл указать как растянуть на весь экран картинку, а то пока всё сразу не запомнишь, но если понять структуру кода то легче потом орентироваться. то есть берешь что тебе надо и верстаешь не знаешь идёшь в библиотеки записи и тд....

OgoObedSurgut
Автор

только в png формате задавать фон или можно в других

riddick
Автор

в чем дело, фоновая картинка не вставляется? все написал верно.

everybodylies
Автор

Вопрос такой. Repeat-x(y) это понятно. А как растянуть картинку и в длину и в ширину на весь экран без повторов? А так, как всегда спасибо за уроки.

zoteklc
Автор

блин я так испугался, меняю фон а он не меняется, дык там оказывается в нескольких местах прописывают

uxphfpb