Техника фонового изображения

Question

Есть ли какой-либо технический термин для техники, основанной на полном изображении?
Пример: topgear.com, http://safe.tumblr.com/theme/preview/979, и многие другие, которые я не помню.

Answer 1

Вы можете создать изображение большого размера (например, 2000px ширина / высота) и установить его в качестве фона с помощью background-position: 50% 50%. Или вы можете добавить <img src="background.jpg" width="100%" height="100%" /> к тегу body и расположить его абсолютно так, чтобы он растягивался в соответствии с размером страницы.

Answer 2

Я так не думаю, нет. Изображение просто помещается внутри мастер-элемента (в данном случае #wrap). Он имеет некоторый правый и левый отступы, так что он будет установлен точно посередине. Однако вы можете использовать изображение того же размера, что и главный блок.

Вот код, который использует сайт:

#wrap {

background: url("http://static.tumblr.com/xsp9wak/xAOkloi15/background-top.jpg") no-repeat scroll center top transparent;
margin: 0 auto;
overflow: hidden;
padding-left: 28px;
padding-right: 28px;
position: relative;
width: 905px;

PS: Есть много способов сделать это.

Answer 3

Не думаю, что у него есть конкретное имя.Вот статья с некоторыми современными трюками:

http://www.alistapart.com/articles/supersize-that-background-please/

Answer 4

Разве вы не имеете в виду технику лайтбокса?http://en.wikipedia.org/wiki/Lightbox_%28JavaScript%29