Помогни ни да направим Uroci.net по - богат!
Добави урок
Други уроци
Adobe Photoshop
Adobe Illustrator
Adobe Flash
Adobe Fireworks
DreamWeaver
CSS и HTML
Corel Draw
Image Ready
PHP
SEO
CMS
Microsoft Windows
Microsoft Word
Microsoft Excel
PowerPoint
Microsoft Access
Microsoft Publisher
Linux
Visual basic
JavaScript
Ajax
3ds Max
Maya 3D
C++
Sound Forge
Gimp
SWiSH
видян: 7848
В много страници сте забелязали, че при скролиране на съдържанието, дадено изображение (или самият фон) остава на едно и също място (не се променя). Това може да се реализира с 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>
background-attachment: fixed:center (май така беше) кадето я фиксира в център-а и каквото и да движат със скрол-а тя си стой In The Center :)