arka plan eki yani background-attachment özelliği, arka plan görselinin kaydırılacağını mı yoksa sabitleneceğini (sayfanın geri kalanıyla birlikte kaydırılmayacaktır) belirtir:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("pcekran.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: fixed;
}
</style>
</head>
<body>
<p><strong>NOT:</strong> Aşağı kaydırma çubuğu görünmüyorsa tarayıcınızın ekranını boyutlandırın..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
</body>
</html>
Aşağıdaki örnekte resim sabitlenmemiş olduğundan kaydırma çubuğuyla beraber hareket edecektir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("pcekran.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: scroll;
}
</style>
</head>
<body>
<p><strong>NOT:</strong> Aşağı kaydırma çubuğu görünmüyorsa tarayıcınızın ekranını boyutlandırın..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
<p>Arka plan resmi sabitlenmiş (fixed). Ekranı aşağı kaydırmayı deneyin..</p>
</body>
</html>
