Html/Css dodawanie obrazka na teksture w tle

[aga_k]

Witam
Możecie mi podpowiedzieć jak dodać obrazek do tła? Tło strony jest powieloną teksturą i chciała bym dodać na tą teksturę w określonym miejscu obraz.

z góry dziękuje za podpowiedź

[atp]

Jeżeli obrazek ma być koniecznie w tle to:

Kod:

body {
background-image: url(textura.gif), url(obrazek.png);
background-position: left top, center center;
background-repeat: repeat, no-repeat;
}

[aga_k]

ok dzięki ...zobacze co mi z tego wyjdzie

[andrzejhi]

2 minusy tego rozwiązania (a może plusy).
Nie każda przeglądarka obsługuję takie rozwiązanie.
Obrazek będzie wyświetlony zawsze na środku strony i tylko na środku strony.

Innym rozwiązaniem jest dodanie dodatkowego div z obrazkiem w tle. możesz mu ustawić pozycjonowanie na absolute lub relative i wtedy ustawisz pozycję dowolnie.

[atp]

(...)Nie każda przeglądarka obsługuję takie rozwiązanie(...)

Aktualne wersje raczej wszystkie

(...)Obrazek będzie wyświetlony zawsze na środku strony i tylko na środku strony(...)

Nic nie stoi na przeszkodzie żeby dać np.:

Kod:

background-position: left top, 100px 100px;

...lub też określić wartości procentowo i już nie będzie na środku

[andrzejhi]

no dobra to jeden minus już odpadł

[aga_k]

No oczywiście w IE nie działa, Nie pokazuje ani tekstury tła ani obrazka.....nie znosze tej przeglądarki.

dodam jeszcze że IE w miare aktualne i zrobiłam tak:

Kod:

background-image: url('images/tlo.png'), url('images/page.jpeg');
   background-repeat: no-repeat, repeat;
   background-position: 15% 15%, 0 0;

[Kartofelek]

użyj ciastka css pie i będzie działać.

[aga_k]

Jak tak zrobie to obrazyk ginie w ie i w operze, tyle że tekstura w IE się pokazuje

[Kartofelek]

http://css3pie.com/documentation/supported-css3-features/#pie-background