css background-attachment属性
Hasil terjemahan:
latar belakang
Bahasa Inggeris[ˈbækgraʊnd] Amerika[ˈbækˌɡraʊnd]
n (lukisan, dsb.) maklumat latar belakang; ˈtætʃmənt]美[ əˈtætʃmənt]
n. (dihantar melalui e-mel) lampiran, lampiran;
css background-attachment属性sintaks
Bagaimana untuk menggunakan atribut lampiran latar belakang?
Atribut lampiran latar belakang perlu digunakan bersama dengan atribut imej latar belakang untuk menetapkan sama ada imej latar belakang dibetulkan atau tatal dengan seluruh halaman. Boleh ditetapkan: tatal (imej latar belakang ditetapkan relatif kepada elemen), tetap (imej latar belakang ditetapkan relatif kepada viewport), ocal (imej latar belakang ditetapkan relatif kepada kandungan elemen).
Fungsi: Atribut lampiran latar belakang menetapkan sama ada imej latar belakang dibetulkan atau tatal dengan seluruh halaman.
Penerangan:
skrol Nilai lalai. Imej latar belakang bergerak apabila seluruh halaman ditatal.
dibetulkan Imej latar belakang tidak bergerak apabila seluruh halaman menatal.
loca Imej latar belakang ditetapkan relatif kepada kandungan elemen. Apabila kandungan elemen menatal, imej latar belakang sentiasa bergerak dengan kandungan
inherit menetapkan bahawa tetapan atribut lampiran latar belakang harus diwarisi daripada elemen induk.
Nota: Semua penyemak imbas menyokong atribut lampiran latar belakang.
css background-attachment属性contoh
<html> <head> <style type="text/css"> body { background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg'); 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> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> </body> </html>
Klik butang "Run Instance" untuk melihat contoh dalam talian