GD Star Rating
loading...

Ребзя, а объясните тупому дизигнеру кое-что плиз. Вот например мне нужно зафигачить лендинг страницу и я хочу туда вставить полноценную фотографию, как бекграунд. Я выбираю ширину сайта например 1280, вставляю фото и зафигачиваю страницу. И вот я ни как не могу вкурить, вот если открыть потом этот сайт на мониторе 1920×1080, то изображение будет дублироваться или же как-то можно сделать так, чтобы это изображение подгонялось и растягивалось под различные мониторы, при этом не дублируясь ни по вертикали, не по горизонтали. Каким образом делают такие сайты?
Извините если что за тупой вопрос.

11 Responses to вставить полноценную фотографию, как бекграунд

  1. KkeNo:

    body {
        background–image: url(‘image.jpg’);
        background–position:center top;
        background–repeat:no–repeat;
    }

    растягиваться не будет, но отцентруется и прижмется к верху. либо можешь покурить background–size, если хочется CSS3

  2. IkaMega:

    background-size: cover;

  3. OaeLt:

    Спасибо. То есть если я возьму размер холста 1280, то картинку лучше потом вставлять уже более большого разрешения, например 1920, чтобы обрывов не было?

  4. KkeNo:

    разумеется. можешь посмотреть, как сделана входная страницы для блог, хотя бы, там такая же технология почти.

  5. IkaMega:

    это опция для размещения фона. Ты вопросы про фон задаёшь, но размещение не знаешь? http://htmlbook.ru/css/background-size

  6. OaeLt:

    понял. спасибо.

  7. OaeLt:

    Все понял. Спасибо.

  8. Abmer:

    а также background–size: 100% 100%; например

Добавить комментарий