Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 9, средняя оценка - 4.67
marina11
1 / 1 / 0
Регистрация: 15.11.2012
Сообщений: 88
#1

Двойной фон на странице - HTML, CSS

14.07.2013, 15:07. Просмотров 1366. Ответов 6
Метки нет (Все метки)

Здравствуйте!
Хочу сделать на странице сайта двойной вон:1 слой - черный фон,2 слой - изображение. Но не знаю,что прописать в body{}
Подскажите пожалуйста,что прописать в коде, чтобы изображение всегда располагалось по центру страницы (при уменьшении/увеличении окна браузера) и ширина изображения была равна ширине окна, приведу в пример рисунок с увеличенным окном браузера и уменьшенным.
0
Миниатюры
Двойной фон на странице  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.07.2013, 15:07
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Двойной фон на странице (HTML, CSS):

Двойной фон - HTML, CSS
<h2>education</h2> h2 { position: relative; margin-bottom: 127px; font: 30px/30px 'Exo 2', sans-serif; font-weight: 600; ...

Двойной фон - HTML, CSS
Как реализовать фон из двух частей. 1-точные размеры. Например 1000x400px 2-растягивается (можно и градиент) и начинается от 400px и...

Не работает двойной фон в Internet Explorer - HTML, CSS
как можно переписать строчку background: url('img/2.png'), url('img/1.jpg'); так что бы фон данного блока отображался в Internet...

Фон в html странице - HTML, CSS
у меня вопрос, как сделать фон html стрницы, чтобы он растягивался в зависимости от экрана пользователся, чтоб не повторялся? создал фон...

Деформируется фон на странице - HTML, CSS
Здравствуйте, на моём сайте деформируется фон вот скрин-ссылка: . Я крутил-крутил, но не выходит исправить фото. Сверху,...

Задать фон на отдельной странице сайта - HTML, CSS
создал на сайте отдельную страницу на нее вставил погоду но на ней нужно задать прозрачный фон как на примере фото как это сделать ?

6
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
14.07.2013, 20:11 #2
CSS
1
2
3
4
body {
background-color: #000000; 
background-image: url(img/bg.gif);
}
можно записать так
CSS
1
2
3
4
body {
 
background-image: url(img/свое изображение ) no-repeat   #000000;
}
а дальше выберите отсюда
Значения:
repeat: изображение повторяется по горизонтали и по вертикали
repeat-x: изображение повторяется только по горизонтали
repeat-y: изображение повторяется только по вертикали
no-repeat: изображение не повторяется
вот здесь можете почитать

здесь
только путь к своему изображению пропишите .
1
Laun_MC
15 / 15 / 0
Регистрация: 02.05.2013
Сообщений: 104
14.07.2013, 23:02 #3
CSS
1
2
3
body {
background: url(image.png), url(back.png);
}
Добавлено через 2 минуты
Чтобы картинка была равна окну браузера,нужно прописать ширину высоту в процентах
CSS
1
2
3
4
image {
width: 100%;
height: 100%
}
0
Sabio
57 / 57 / 13
Регистрация: 24.06.2013
Сообщений: 265
15.07.2013, 01:06 #4
Расскажите, пожалуйста, новичку, что это за селектор image.
0
nixxel
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 13
15.07.2013, 23:34 #5
Это приминается ко всем картинкам на странице, ну как бы понятно.
0
Sabio
57 / 57 / 13
Регистрация: 24.06.2013
Сообщений: 265
16.07.2013, 00:52 #6
Цитата Сообщение от nixxel Посмотреть сообщение
Это приминается ко всем картинкам на странице, ну как бы понятно.
ну как бы не могу найти описания такого селектора, который записан так, будто это тег.... можно ссылку на его описание (желательно в спецификации)?
0
Forastero
541 / 323 / 37
Регистрация: 15.05.2013
Сообщений: 781
Записей в блоге: 1
16.07.2013, 02:07 #7
Sabio, такого селектора не существует. Есть селектор img, но никак не image.
Вы слушайте его, слушайте... Он Вас научит отбирать дивы через division.
1
16.07.2013, 02:07
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2013, 02:07
Привет! Вот еще темы с ответами:

Сделать фоном сайта свою картинку, а фон текста на странице - каким-либо цветом - HTML, CSS
Доброго времени суток, уважаемые форумчане!!!!! Недавно захотел немного "преобразить", так скажем, шаблон сайта, написанного на...

Фон позади кнопки должен быть, как фон блока - HTML, CSS
Фон позади кнопки должен быть, как фон блока Это сложно объяснить словами, скину скрины макета Надеюсь вы мне поможете и...

Как сделать резиновый фон шапки и резиновый фон меню? - HTML, CSS
Как сделать резиновый фон шапки и резиновый фон меню?

Фон в отчете на 2 странице - MS Access
Доброго времени суток! Уважаемые пользователи, не могли бы помочь? Как убрать фон в аксессе?Это даже не фон, а скорее какая то опция потому...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru