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>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
<p>圖像不會(huì)隨頁(yè)面的其余部分滾動(dòng)。</p>
</body>
</html>
Jalankan Instance ?

Klik butang "Run Instance" untuk melihat contoh dalam talian