[CSS] Nadpisywanie

Witam!

Chce uzyskać taki efekt Screen

Wykonałem coś takiego:

width: 900px;

	margin: 0 auto;

	padding: 0;

	background: url(images/img02.jpg) left top; //część stała

	repeat: url(images/img06.jpg) //część nadpisywana

Ale niestety nie działa, więc proszę was o pomoc.

Pozdrawiam!

Zacznij od kursu.

1 div nie może mieć 2x background, a coś takiego jak “repeat” nie istnieje.

dokładnie. background może być tylko 1.

Wystarczy jednak proste zagnieżdżenie diva w divie - dla zewnętrznego ustawiasz stałe tło bez powtarzania, a dla wewnetrznego ustawiasz tło powtarzalne.

A co do tego co athei wyzej napisał dot. repeat, to się nie zgodzę.

Jak najbardziej istnieje i jest to wartość domyślna dla backround-repeat.

Dla przypomnienia background-repeat przyjmuje takie wartości:

repeat (default), repeat-x, repeat-y, no-repeat i inherit.

Chyba że chodziło o konstrukcję …ale akurat w przypadku elementu background można stosować same wartości np

background: url(“logo-ec-.png”) no-repeat;

i jest to równoważne m.in. backround-repeat: no-repeat;

O kurcze, nie pomyślałem… Zrobiłem to w nowym divie i tyle (div w divie ).

Dzięki za pomoc api :slight_smile:

To teraz ja się z Wami nie zgodzę :stuck_out_tongue: jeden element (np. div) może mieć wiele backgroundów (w formie kilku/kilkunastu grafik) jednocześnie i z tego co sprawdzałem to większość przeglądarek już to obsługuje http://www.css3.info/preview/multiple-backgrounds/.

Jasne, ale mówisz o CSS Level 3 który to jeszcze jest w fazie developerskiej - podobnie jak html 5

…i nawet najnowsze przeglądarki mają zaimplementowaną jedynie częściową obsługę szkiców tych standardów.

Więc sorry, ale te wersje pomijam.