+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Html/Css dodawanie obrazka na teksture w tle (/thread-html-css-dodawanie-obrazka-na-teksture-w-tle)
Html/Css dodawanie obrazka na teksture w tle - aga_k - 19-12-2012
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ź
RE: Html/Css dodawanie obrazka na teksture w tle - atp - 19-12-2012
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;
}RE: Html/Css dodawanie obrazka na teksture w tle - aga_k - 19-12-2012
ok dzięki ...zobacze co mi z tego wyjdzie
RE: Html/Css dodawanie obrazka na teksture w tle - andrzejhi - 20-12-2012
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.
RE: Html/Css dodawanie obrazka na teksture w tle - atp - 20-12-2012
(20-12-2012, 01:22)andrzejhi napisał(a): (...)Nie każda przeglądarka obsługuję takie rozwiązanie(...)
Aktualne wersje raczej wszystkie
(20-12-2012, 01:22)andrzejhi napisał(a): (...)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
RE: Html/Css dodawanie obrazka na teksture w tle - andrzejhi - 20-12-2012
no dobra to jeden minus już odpadł
RE: Html/Css dodawanie obrazka na teksture w tle - aga_k - 20-12-2012
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;RE: Html/Css dodawanie obrazka na teksture w tle - Kartofelek - 21-12-2012
użyj ciastka css pie i będzie działać.
RE: Html/Css dodawanie obrazka na teksture w tle - aga_k - 21-12-2012
Jak tak zrobie to obrazyk ginie w ie i w operze, tyle że tekstura w IE się pokazuje
RE: Html/Css dodawanie obrazka na teksture w tle - Kartofelek - 21-12-2012
http://css3pie.com/documentation/supported-css3-features/#pie-background