Перейти к содержимому



Как сделать фоновое изображение по центру экрана.

#1

Поделиться сообщением #1



hnerd

hnerd
  • Неактивные
  • 284 сообщений
  • Репутация: 18
0

Отправлено 15 Февраль 2015 - 08:51

К примеру у меня есть фоновое изображение какого-то блока. Оно располагается по ширине 100%, а высота там фиксированная, не auto. Главная картинка фона находится по середине, задний фон по бокам и ссзади. При уменьшении экрана главная картика фона съезжает в бок и по центру располагается задний фон слева и половина главной картинки, а как сделать так, чтобы она оставалась по центру, а задние фоны по бокам исчезали с уменьшением экрана?


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Зафиксировать изображение (резиновый фон)
  2. Как наложить картинку на фон?
  3. Выравнивание блока с изображением по центру
  4. Сайт размещен не по центру экрана - как исправить
  5. Изменение размера картинки при уменьшении окна браузера

#2

Поделиться сообщением #2



Ixman

Ixman
  • Пользователь PRO
  • 2 513 сообщений
  • Репутация: 590

Отправлено 15 Февраль 2015 - 10:01

Если правильно я вас понял, то картинку как правило выравнивают таким способом:

margin:0 auto

  • 1


#3

Поделиться сообщением #3



TimurR

TimurR
  • Пользователь PRO
  • 857 сообщений
  • Репутация: 192

Отправлено 15 Февраль 2015 - 12:59

hnerd, если можно ссылку или скрины до и после съезда картинки. Возможно такое решение:

.myclass {
  background: url('etc/bg.jpg') top center;
} 

Почитайте про позиционирование фона тут http://htmlbook.ru/c...ground-position


  • 1

Просто хостинг www.ihc.ru



#4

Поделиться сообщением #4



hnerd

hnerd
    Topic Starter
  • Неактивные
  • 284 сообщений
  • Репутация: 18

Отправлено 15 Февраль 2015 - 16:01

TimurR, Спасибо, то что нужно!


  • 0


Оформление форума – IPBSkins.ru