Style backgroundAttachment katangian

Paglilinang at paggamit

backgroundAttachment Makukuhang mga setting ng katangian o ibabalik ng background image ay dapat sumailalim sa paggalaw ng nilalaman o nakapirmihan.

Maaaring tingnan pa:

HTML Estilo:background katangian

CSS Turo:CSS Background

CSS Tagapagpaalaman:background-attachment katangian

Halimbawa

Halimbawa 1

I-set ang background image sa nakapirmihan (hindi sumasailalim sa paggalaw):

document.body.style.backgroundAttachment = "fixed";

Subukan mo nang personal

Halimbawa 2

I-pili sa DIV elemento ang scroll at local:

document.getElementById("myDIV").style.backgroundAttachment = "local";

Subukan mo nang personal

Halimbawa 3

I-switch sa pagitan ng scroll at fixed:

var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";

Subukan mo nang personal

Halimbawa 4

Ibabalik ang halaga ng background-attachment katangian:

alert(document.body.style.backgroundAttachment);

Subukan mo nang personal

Gramata

Ibabalik ang backgroundAttachment katangian:

object.style.backgroundAttachment

I-set ang backgroundAttachment katangian:

object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"

Halaga ng katangian

Halimbawa ng halaga Paglalarawan
scroll Ang background ay gumagalaw kasama ang elemento. Default.
fixed Ang background ay nakapirmihan sa viewport.
local Ang background ay gumagalaw kasama ang nilalaman ng elemento.
initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang initial.
inherit Makukuha ang katangian na ito mula sa magulang na elemento. Tingnan ang inherit.

Teknikal na detalye

Default na halimbawa: scroll
Halimbawa ng pagbabalik: string, na naglalarawan kung paano ang background image ay nakatalaga sa mga bagay sa dokumento.
CSS bersyon: CSS1

browser sumusuporta

backgroundAttachment ay CSS1 (1996) katangian.

Ang lahat ng mga browser ay ganap na sumusuporta dito:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Support Support Support Support Support Support