Inne działy

 

 

CSS - właściwość background-attachment

 

Definicja i Wykorzystanie

Właściwość background-attachment określa, czy obraz w tle jest stały czy też przewija się z resztą strony.

 

Wartość domyślna: scroll
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.backgroundAttachment="fixed"

 

Właściwość background-attachment jest obsługiwana przez wszystkie główne przeglądarki.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".

Wartości Właściwości

 

WartośćOpis
scroll Przewija obraz tła z resztą strony. Jest to opcja domyślna
fixed Obraz tła jest stały
inherit Określa, że ustawienie właściwości background-attachment powinno być dziedziczone z elementu nadrzędnego

 

 Przykład

body {
 background: url(images/graphic.jpg) #FFF7B5 30% repeat fixed;
}

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background:#947456 url('images/sowa.png') repeat;
}
</style>
</head>
<body>
<h1>Background Przykład</h1>
<p>To jest przykład właściwośći background-attachment.</p>
</body>
</html>

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background-image:url('sowa.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>
</head>

<body>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
<p>Background-image jest ustalone. Spróbuj, aby przewinąć w dół strony.</p>
</body>

</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.