Tło obrazkowe w css, raz jest, raz nie, zaczynam nie ogarniać? WTF?

Question

Zaczynam głupieć z ustawianiem tła obrazkowego w CSS.

Mam taki zapis w CSS: background-image: url("img/tlo.jpg")repeat; i ten kod nie działa, ale jak zmienie na na background: url("img/tlo.jpg")repeat; to wszystko działa. Już kilka razy miałem taki problem i raz działało background-image, a czasem z samym background. Może mi ktoś wyjaśnić o co chodzi, bo nie chce mi się za każdym razem sprawdzać, która wersja zadziała, chcę po prostu wiedzieć co tutaj jest nie tak?!

Answer 1

background opisuje nie tylko ścieżkę do tła ale też jego położenie i powtarzanie. Zaś background-image wskazuje tylko i wyłączenie ścieżkę do grafiki: 

 background-image: url("img_tree.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;

background: #ffffff url("img_tree.png") no-repeat right top;

 

Comments

Rzeczywiście działa, dzięki za informację.

Answer 2

Chodzi o to, że background ma wiele właściwości. Mamy np. background-image, background-color, background-size, background-repeat i wiele innych. Nie możesz napisać 

background-image: url("img/tlo.jpg")repeat

Ponieważ tu odnosisz się tylko do ścieżki obrazka. Możesz to zrobić na 2 sposoby,aby było dobrze :

background: url("img/tlo.jpg") repeat;

//lub

background-image: url("img/tlo.jpg");
background-repeat: repeat;

Zauważ, że w tym 1 sposobie możesz użyć wartości repeat od razu po url bo podałeś tu właściwość background ogólnie.

Pozdrawiam!