задний фон сайта на весь экран

Просто на форуме разбиение произошло адреса:

_http://coderhs.com/archive/background_as_window

На всякий случай короткая - будет работать до субботы _http://linktmp.com/6/KwDCWpP

Сам код встраивание:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Full Size Background Image jQuery Plugin - Demo | bavotasan.com</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.fullbg.min.js"></script> <style type="text/css"> .fullBg {    position: fixed;    top: 0;    left: 0;    overflow: hidden; }  #maincontent {    position: absolute;    top: 300px;    left: 0;    z-index: 50;    width: 100%;    background: #fff;    opacity: 0.9;    filter: alpha(opacity=90);    }  #box {    width: 600px;    margin: auto;    padding: 0 10px;    }     h1 {    margin-top: 12px;    font-size: 40px;    text-align: center;    line-height: 44px;    font-weight: normal;    font-family: Georgia,serif;    color: #222;    }     h2 {    margin-top: 0;    font-size: 24px;    line-height: 28px;    font-weight: normal;    font-family: Georgia,serif;    color: #C52D08;    }  a {    text-decoration: none;    outline: none;    color: #C52D08;    }        a:hover {       text-decoration: underline;       } </style> </head>  <body> <img src="images/bg.jpg" alt="" id="background" /> <div id="maincontent">  <div id="box">  <h1>Full Size Background Image jQuery Plugin</h1>  <h2>Демо</h2>       Просто измените размер окна и увидете работу плагина в действии. 
Когда бы размер окна не менялся, фоновое изображение также изменит свой размер. 
И всегда будет сохранять правильное соотношение сторон.      </div> </div> <script type="text/javascript"> $(window).load(function() {    $("#background").fullBg(); }); </script>  </body> </html>

Изменено: Coder - 1 Ноября 2014 13:13

Олег

Сообщений: 112 Регистрация: Авг 2010

1 Ноября 2014 13:37

почему то у меня 2 картинки сразу показывает. Одна по верх дургой.

Coder

Сообщений: 10779 Регистрация: Мар 2013

1 Ноября 2014 13:48

Цитата
Олег пишет: почему то у меня 2 картинки сразу показывает. Одна по верх дургой.

В примере на сайте показывает правильно, вроде как - нужно смотреть, что сделано не так.

Web Master

Сообщений: 82 Регистрация: Окт 2014

1 Ноября 2014 15:29

Если фон (картинка) однотонный или рисунок не имеет значения - можно так

Код
<body style="background-image: url(/путь к картинке) !important;">

Изменено: Web Master - 1 Ноября 2014 15:32

Олег

Сообщений: 112 Регистрация: Авг 2010

1 Ноября 2014 17:27

Цитата

Web Master пишет:
Если фон (картинка) однотонный или рисунок не имеет значения - можно так

Код
<body style="background-image: url(/путь к картинке) !important;">

картинка по всей странитце будет ?

sharkson

Сообщений: 5425 Регистрация: Янв 2014

1 Ноября 2014 18:36

Цитата
Олег пишет: картинка по всей странитце будет ?

Если у вас размеры картинки совпадают с размерами страницы - то будет одна картинка по всему фону. Там где не совпадает - она будет дублироваться кусками.

НАДЕЖНЫЙ И НЕДОРОГОЙ ХОСТИНГ ТУТ
НЕДОРОГОЙ ХОСТИНГ
ПРОДАМ БЛОГ ЖЖ
СОЗДАНИЕ И НАСТРОЙКА MediaWiki и phpbb3

SynyAlex

Сообщений: 1305 Регистрация: Июл 2012

#10

1 Ноября 2014 18:59

Цитата
sharkson пишет: Там где не совпадает - она будет дублироваться кусками

тогда растянуть {background-size: 100%;}

sharkson

Сообщений: 5425 Регистрация: Янв 2014

#11

1 Ноября 2014 19:43

Цитата
SynyAlex пишет: тогда растянуть {background-size: 100%;}

Да или репит поставить - это хорошо для однообразного бэка.

kirov :) Сообщений: 78 Регистрация: Сен 2012	#12 2 Ноября 2014 13:58 [SIZE=3]-webkit-background-size: cover;[/SIZE] [SIZE=3]-moz-background-size: cover;[/SIZE] [SIZE=3]background-size: cover;[/SIZE] Изменено: kirov :) - 2 Ноября 2014 14:01

27.01.2026 15:14	DLE не создает бэкап с админки сайта, как быть?
23.02.2020 20:28	Перевод сайта на англ.язык
28.07.2019 09:45	Перенос описания категории вниз сайта, под посты
29.04.2019 19:19	Не работает код с сайта issuu
27.04.2019 10:49	Перевод сайта DLE на https

Новые темы	Объявления	Свободное общение
23:27 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 23:24 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 23:05 Раскрутка форума 23:01 Очередной взлом через плагин. Хакеры получают админку без пароля 20:41 adsense в 2026: кто реально выводит копейку через киргизию? 10:50 Альтернативы Адсенсу в 2026 - есть живые? 10:04 Как поймать партнера на «сливе» бренда?	22:47 1obmen.net - обмен криптовалют: выплаты в USD, EUR, GBP, CAD, CNY 15:33 GhostRocket.pro — Взлетаем в новую эру криптообмена! 14:36 Продам жирный аккаунт fl.ru 14:07 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 12:54 Mixmasters - Exchange without AML and KYC 12:31 Сервис ReCaptcha 2, 30р за 1000 решений. 12:08 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата	19:01 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 18:51 Огородники 16:47 Какой фильм вы любите посмотреть перед сном? 15:46 молодильные яблоки и живая вода 10:11 О природе путешествий. 01:47 Точные прогнозы на футбол 15:04 Сайты Рунета