Главная » 2010 » Май » 19 » Неподвижный фон для сайта (Javascript)
19.05.2010, 08:30

Неподвижный фон для сайта



Не знал, в какую категорию поместить данную новость, т.к. раздела о css у нас на сайте нет, поэтому помещаю в Javascript. Суть данного кода в том, что при скроллинге (т.е. прокрутки страницы), фон сайта остается неподвижным и все таблицы, как бы скользят по нему.

Делается все это не сложно. Например для IE, необходимо просто прописать в body специальный тег bgproperties. Выглядит это так:

Code
<BODY background="Ссылка на фон" bgproperties=fixed>

Но нам то нужна кроссобраузерность, поэтому просто добавляем, либо в свой отдельный css файл, подключенный к странице, либо напрямую - в тело страницы, этот код:

Code
body {  
  background-image: url("Ссылка на фон");  
  background-attachment: fixed;  
  background-repeat: repeat;}

Вот и все. Как видите, ничего сложного.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 5608 | Добавил: antisept | Рейтинг: 5.0/3 |
Теги: CSS, фон, Неподвижный, сайта, страницы
Всего комментариев: 8
0  
1 lesha -Infoscript Team-  (04.10.2010 22:07) [Материал]
Аватар пользователя
весь css обставил ... и наобум и подумав чуток своим крошечным мозгом, но ничего sad Не появляется просто ...
У Aтома на сайте видел норм, а на том, котором хочу поставить я ... никак...

+1  
2 antisept -Infoscript Team-  (07.10.2010 19:32) [Материал]
Аватар пользователя
Поставь на сайт и скинь ссылку в ЛС. Я проверю smile

+1  
3 lesha -Infoscript Team-  (07.10.2010 19:54) [Материал]
Аватар пользователя
а куда именно ставить? Куда угодно?

0  
4 Глеб   (08.01.2012 17:27) [Материал]
Аватар пользователя
блин( у меня тоже не получается(((

0  
5 ШуРиК   (08.01.2012 18:09) [Материал]
Аватар пользователя
если неподвыжный фон то лучше так)
[code]<body style="background:url('/bg.jpg')top fixed ;">[/code]

0  
6 sold93 -Infoscript Team-  (08.01.2012 20:22) [Материал]
Аватар пользователя
на всех страницах будешь ставить? у меня через CSS все отлично идет

0  
7 Глеб   (08.01.2012 22:18) [Материал]
Аватар пользователя
на всех страницах, но пробовал много вариантов - не один не пошёл (

0  
8 sold93 -Infoscript Team-  (08.01.2012 22:33) [Материал]
Аватар пользователя
ну незнаю.....вот вырезка из моего CSS

все работает отлично

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]