Картинка вместо фона?

Question

[Сергей Кабашов]

Всем привет.
Каюсь. Че-то туплю. Нужно сделать 1 страничку. Просто картинка ввиде чертежа вместо фона. На нем будет текс поверх наложен. Пробую вот так

html {
        background: url(images/1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Ну вообщем-то картинка встает, но....Не всю её видно. Ставил еще min значения в процентах. Не помогает.
Ставлю на конструкцию bootstrap.

Comments

[Abdula Magomedov]

Ссылку дай. Посмотрю

[Сергей Кабашов]

https://yadi.sk/i/AgQ6ww3jj8U8S

[Сергей Кабашов]

это jpg
вот html
https://yadi.sk/d/nkoyqrCkj8UVH

Answer 1

[Дмитрий Новиков]

если нужно чтобы картинка умещалась вся целиком - используйте contain вместо cover.
htmlbook.ru/css/background-size

Comments

[Сергей Кабашов]

Отлично!
Помогло.
Спасибо)

[Сергей Кабашов]

Дмитрий Новиков: Все встало, только теперь вопрос такой...Оно маловатое получается, мне подойдет и с прокруткой, а то мелко выходит....Это все процентами задать?

Answer 2

[Капитан Какао]

И код можно сократить:

background: url(images/1.jpg) fixed no-repeat 50% 50% / cover;

или

background: url(images/1.jpg) fixed no-repeat 50% 50%  / contain;

Comments

[Сергей Кабашов]

Все встало, только теперь вопрос такой...Оно маловатое получается, мне подойдет и с прокруткой, а то мелко выходит....Это все процентами задать?

[Сергей Кабашов]

https://yadi.sk/i/AgQ6ww3jj8U8S вот как выглядит сейчас. Весьма не читабельно

[Капитан Какао]

Ну так вам же нужно было что бы в блок вмещалось. Вот оно вмещается)
А почему нельзя просто вставить картинку задать её размеры и отцентровать.
Именно не фоном а просто картинку.

[Сергей Кабашов]

Не знаю, попробую)

[Сергей Кабашов]

Rad Cor Вообщем проблем нет с отцентрованием, беда в том, что мне еще поверх текст накинуть нужно.) по факту тогда все же должна быть картинка бекграундом, верно понимаю?

[Капитан Какао]

Сергей Кабашов: не обязательно, текст можно нанести позиционированием.
Вот так в общем: jsfiddle.net/pmnas4nf

[Сергей Кабашов]

Как я понял, это то что нужно, главное текст чтобы не съезжал))) при масштабировании) А то у меня бывают с этим проблемы