Добавяне на фиксирана картинка за фон чрез CSS
Публикувана от smilev на January 12 2011 10:51:40
Разширена новина
В много страници сте забелязали, че при скролиране на съдържанието, дадено изображение (или самият фон) остава на едно и също място (не се променя). Това може да се реализира с CSS ето така.
<html>
<head>
<style type="text/css">
body {
background-image: url('smiley.gif'); /*избраното от вас изображение*/
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
<p>Тази картинка няма да се скролира до края на страницата</p>
</body>
</html>