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


Фотография
- - - - -

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

фон экран css

Лучший Ответ NeLo, 16 Январь 2014 - 15:09

Добро пожаловать на Гилдмейкер!

 

Чтобы фоновое изображение клан-сайта регулировалось автоматически по размеру экрана (будь это экран компьютера, телефона или планшетного компьютера), необходимо применить к нему соответствующие CSS-стили в файле main.css:

 

body {
    position:relative;
    padding-top:40px;
    background:url(/img/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
Применил эти стили в файле main.css Вашего сайта blackcat.clans.pw
 
Хорошая статья про управление фоновым изображением сайта: 
http://htmlbook.ru/c...abirovanie-fona
 
Если вопрос решен, пожалуйста, напишите об этом в теме.
 
Команда Guildmaker.Ru
http://guildmaker.ru
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 RayZiS

RayZiS

    Начинающий

  • Участники
  • Pip
  • 3 сообщений

Отправлено 16 Январь 2014 - 14:11

Можно ли задать настройки фонового изображения таким образом, что бы оно регулировалось автоматически по размеру экрана?


Сообщение отредактировал NeLo: 19 Январь 2014 - 15:26
Заголовок темы изменен для помощи другим пользователям найти ответ на похожий вопрос

  • NeLo это нравится

#2 RayZiS

RayZiS

    Начинающий

  • Участники
  • Pip
  • 3 сообщений

Отправлено 16 Январь 2014 - 15:09

Благодарю, проблемы исчерпаны.


  • NeLo это нравится

#3 NeLo

NeLo

    Разработчик

  • Guildmaker Team
  • PipPipPipPipPipPipPipPip
  • 795 сообщений

Отправлено 16 Январь 2014 - 15:09   Лучший Ответ

Добро пожаловать на Гилдмейкер!

 

Чтобы фоновое изображение клан-сайта регулировалось автоматически по размеру экрана (будь это экран компьютера, телефона или планшетного компьютера), необходимо применить к нему соответствующие CSS-стили в файле main.css:

 

body {
    position:relative;
    padding-top:40px;
    background:url(/img/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
Применил эти стили в файле main.css Вашего сайта blackcat.clans.pw
 
Хорошая статья про управление фоновым изображением сайта: 
 
Если вопрос решен, пожалуйста, напишите об этом в теме.
 
Команда Guildmaker.Ru


#4 RayZiS

RayZiS

    Начинающий

  • Участники
  • Pip
  • 3 сообщений

Отправлено 16 Январь 2014 - 15:14

Да, еще раз благодарю за работу и статью, все отлично!


Сообщение отредактировал RayZiS: 16 Январь 2014 - 15:15

  • NeLo это нравится





Темы с аналогичным тегами фон, экран, css

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных




Яндекс.Метрика