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>
Jalankan Instance »

Klik butang "Run Instance" untuk melihat contoh dalam talian

Cadangan popular

Rumah

video

Soal Jawab