20
luty
2013
[Brak komentarzy]
Dodaj Komentarz
[ 20684 ] Wyświetleń artykułu
Autor:
Kamil
W sumie prosta rzecz, ale można to zrobić na kilka sposobów. Dla przykładowego DIV’a:
<div id=”przyklad”>Lorem ipsum…</div>
Definiujemy następujący CSS:
#przyklad {
background-image: url(obrazek.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}
background-image: url(obrazek.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}
a w skrócie:
#przyklad {
background: url(url) no-repeat center;
}
background: url(url) no-repeat center;
}
Takie rozwiązanie pozwala wyśrodkować obrazek tła w pionie i w poziomie. Jeśli chcemy tylko wyśrodkować tylko w poziomie lu tylko w pionie pamiętajmy: background-position: „poziom” „pion”;