Bir web sayfasının arka planı, içeriğine bağlı olabilir veya ondan bağımsız davranabilir. İlk durumda, tarayıcı penceresinde içeriği kaydırırken arka plan görüntüsü de kayar, ikinci durumda ise sabit kalabilir. Sabit bir sayfa arka planı uygulamak için CSS stili açıklama dilini kullanmalısınız - yalnızca farklı tarayıcı türlerinde aynı arka plan davranışını garanti edebilir.
Talimatlar
Aşama 1
Sayfa arka planının sabit mi yoksa hareketli mi olacağını belirtmek için CSS'deki background-attachment özelliğini kullanın. Toplamda, bu özelliğin üç değeri olabilir - bunlardan herhangi birini belirtmezseniz, varsayılan olarak arka plan ekinin kaydırma olduğu kabul edilir. Bu değerle, arka plan resmi sayfa içeriğiyle birlikte kayar. Devralma değeri, üst öğenin arka plan davranışını kopyalar ve sabit değer, arka plan görüntüsünü içerikten bağımsız kılar - sayfa kaydırıldığında sabit kalır. Onu kullanmalısın.
Adım 2
Arka planı düzeltmek istediğiniz sayfalarda kullanmak için CSS talimatlarınızı hazırlayın. CSS kodunu harici bir stil açıklama dosyasına yerleştirmeyecekseniz, bu talimatlar açılış ve kapanış stil etiketleri arasına yerleştirilmelidir:
// stillerin açıklamaları olacak
Sayfa arka planı davranışının açıklaması BODY öğesine bağlı olmalıdır - CSS terminolojisinde buna "selektör" adı verilir ve şöyle yazılır: BODY {
// sayfa gövdesinin açıklamaları burada olacak
} Bu seçiciyle ilgili özellikler, noktalı virgülle ayrılmış küme parantezleri içine yerleştirilmelidir: BODY {
arka plan eki: sabit;
arka plan resmi: url (resimler / BG.gif);
} İlk satır, arka plan görüntüsünü yakalar ve ikinci satır, sayfa adresine göre arka plan görüntüsünü içeren dosyanın adresini gösterir. Bu iki satır tek bir karmaşık CSS deyiminde şöyle yazılabilir: background: url (images / BG.gif) fixlendi;
Aşama 3
Arka planı sayfanın metnine sabitlemek için tüm kodu yapıştırın. Bitmiş haliyle, şöyle görünebilir:
BODY {arka plan: url (resimler / BG.gif) düzeltildi;}
Tabii ki, arka plan resim dosyasının yerini ve adını değiştirmeniz gerekiyor. Bu bir önkoşul olmasa da, kodu etiketin önüne koymak daha iyidir.
