0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 361 Просмотров
*

abrodski

  • Осваиваюсь на форуме
  • 74
  • 0
Здравствуйте,

Я хотел, чтобы моя картинка фона на сайте была видна полностью на экранах с любым разрешением и мне посоветовали внести этот код в файл custom.css

Код
body {background:none !important;}
.header-outer { background: #fffurl(http://idevsky.com/images/1.jpg) no-repeat
center center;background-size: contain;width: 100vw;height: calc(100vw / 1.5);}

Это сработало, но появилась маленькая горизонтальная прокрутка, что меня, конечно, не устраивает.

Тогда мне посоветовали тот код убрать, а внести этот

Код
.header-outer {
    background: #fff url(http://idevsky.com/images/1.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
}

Теперь прокрутка исчезла, но на моем разрешении 1366х768 картинка фона стала слишком высока и её верха не видно (где кисть девушки и её лоб). Но, видимо, на экранах с высокой резолюцией видно всё. Вот URL моего сайта:

http://idevsky.com
*

chiperok

  • Осваиваюсь на форуме
  • 96
  • 2
так сайт оффлайн.. как смотреть то? )
*

Shustry

  • Группа развития
  • 6431
  • 735
  • Рисую дизайны
Второй вариант оптимальный. Измените позиционерование, чтоб голову не резало

Код: css
.header-outer {
    background: #fff url(http://idevsky.com/images/1.jpg) no-repeat center top;
    background-size: cover;
    height: 100vh;
}
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Избавиться от "/index.php/ru/" только на главной странице

Автор varganism

Ответов: 3
Просмотров: 579
Последний ответ 07.08.2016, 13:59:09
от Andr73
Как избавиться от дублей + в карте сайта?

Автор Apollon

Ответов: 3
Просмотров: 486
Последний ответ 03.08.2016, 16:01:48
от Apollon