Следующая статья: Фишки на HTML
Содержание
Фиксированный фон
Очень часто, от своих читателей я слышу один и тот же вопрос:
Как сделать фиксированный фон на странице?
При этом демонстрируют подобного рода строки:
<body bgProperties="fixed" BACKGROUND="./backgrd.gif"
Вот честно, после такого, хочется треснуть человека палкой по головке и дать в ухо при этом громко крикнуть «Учите стили!»
Итак по порядку:
- bgProperties и BACKGROUND давно отменены и многими браузерами уже из принципа не поддерживаются.
- Многие браузеры довольно щекотливо относятся к регистру и напомню, если вы читали мою статью про HTML5 то там четко сказано, что теги теперь будут писаться только маленькими буквами.
- Чтобы сделать действительно фиксированный фон, а точнее тот, который типа не прокручивается, то правильно это пишется в CSS так:
Код background в CSS
body
{
/* цвет фона по умолчанию */
background-color:#666;
/* любая картинка по своему усмотрению */
background-image:url('http://www.sd-company.su/images/bk/bk.png');
/* Непосредственный тип фона
fixed – от слова «фиксированный» - значит будет стоять на месте
scroll – от слова «промотка» - значит фон будет прокручиваться вместе контентом
inherit – от слова «наследовать» - это значит, что было определено
у выше стоящего элемента то будет и у этого DOM объекта. Выставляется по умолчанию
*/
background-attachment:fixed;
/* как будет повторять фон
repeat – фон будет повторяться и по X и Y
no-repeat – фон повториться только один раз.
Очень удобно используется совместно с background-position
repeat-x – фон будет повторяться только по X
repeat-y – фон будет повторяться только по Y
inherit – смотри описание чуть выше.
*/
background-repeat:repeat;
}
Код background в HTML
В HTML это будет выглядеть все как обычно без всяких
<body> …текст… </body
Не забудьте подключить CSS в html документе.
Удачи вам в экспериментах.
Видео: «Водяной попрыгун»
Люди не птицы, но при помощи воды летают как птицы, а также могут плавать и зависать в воздухе.
