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

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

_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

Сообщений: 10708 Регистрация: Мар 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

Новые темы	Объявления	Свободное общение
11:07 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 06:34 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 15:10 Google Discover Core Update: Дискавер отделяют от поиска? 11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?	02:31 Профессиональный и грамотный дизайн от DesignCash 18:27 Nexulume.com Обменник без AML и KYC 15:45 Mixmasters - Exchange without AML and KYC 10:22 Swapwatch.org — Мониторинг криптовалютных обменников 10:19 SwapPix.io - быстрый и безопасный обменник криптовалют. 15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:38 Bankomat001 - Сервис обмена электронных валют	02:08 KRAKEN // ссылка на февраль 2026 00:28 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 23:44 Точные прогнозы на футбол 18:34 Ставки на супер тренды в спорте 15:30 Гильотина для классиков: Клод доедает физические книги 11:10 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес