Przykład
Jak określić stałą background-image:
body
{
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość background-attachment określa czy tło obrazu jest stałe lub zwoje z resztą strony.
| Domyślna wartość: | scroll |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.backgroundAttachment="fixed" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| background-attachment | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Note: Internet Explorer 8 i wcześniejsze wersje nie obsługują wielu obrazów tła na jednym elemencie.
Składnia CSS
background-attachment: scroll|fixed|local|initial|inherit;wartości nieruchomości
| Wartość | Opis |
|---|---|
| scroll | W tle przewija się wraz z elementem. Jest to domyślny |
| fixed | Tło jest ustalona w odniesieniu do widoku |
| local | W tle przewija się wraz z zawartością elementu jest |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Jak stworzyć prosty efekt paralaksy przewijania (create an illusion of 3D depth) :
.fixed-bg {
/* The background image */
background-image: url("img_tree.gif");
/* Set a specified height, or the minimum height for the background image */
min-height: 500px;
/* Set background image to fixed
(don't scroll along with the page) */
background-attachment: fixed;
/* Center the background
image */
background-position: center;
/* Set the background image to no repeat */
background-repeat: no-repeat;
/* Scale the background
image to be as large as possible */
background-size:
cover;
}
Spróbuj sam " Podobne strony
Kurs CSS: CSS Tło
HTML DOM referencyjny: nieruchomość backgroundAttachment