Купить посещения на сайт

trafОформление background по размеру всех экранов. Если вы хотите чтобы сложный фон страницы (картинка) растягивался по всему экрану и был фиксированным, т.е. без прокрутки,
то этот способ который излагается ниже наиболее простой, с использованием стандартных средств html и css, купить посещения на сайт можно на сайте skypromotion.ru
Многие веб-мастера умудряются сделать подобное средствами java script но я думаю когда есть возможность оформить это более простым способом и кода этот способ отнимает меньше ресурсов на интерпретацию на клиентской машине, то лучше естественно использовать его.

Ниже приводятся два решения:
Первый способ
Код CSS:
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {/*здесь можно воткнуть описание текста страницы*/}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
Код HTML:

Этот способ подходит не для всех браузеров, поэтому более интересен второй:
CSS:
html, body {width:100%; height:100%; padding:0; margin:0; background:#fff;}
html {overflow:hidden;}
body {/*описание шрифтов и т.д. */
background-image: url(/*адрес фоновой картинки*/);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
HTML код:

Пример последнего способа можете увидеть на этом сайте. Пока мне нравится так :). Если у вас какие дополнения к этим способам или может даже что-то лучше этого, милости прошу в комментарии.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *