Forum PHP.pl

Witam.


Mam taki problem (wydaje się trywialny ale jakoś nic nie pomaga...)

Chce, aby zdjęcie bylo tłem strony. Jeśli internauta ma rozdzielczość duża to zobaczy marginesy, jeśli małe to część zdjęcia jest ucinane i to jest problemem.
Problem w tym, aby zdjęcie będące tłem strony było dopasowane do rozdzielczości - jeśli będzie duża to powiekszy zdjęcie (lub zostawi takie jakie jest, tlo ma rozmiar 1800x...), jeśli mała to zmniejszy zdjecie, tak aby CAŁE bylo widoczne.

Kod css:

[HTML] pobierz, plaintext 
BODY {
  background-color: #ffffff;
  background-image: url('tlo.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #000000;
 
}
[HTML] pobierz, plaintext 

wyszukiwarka daje jedynie komunikat, że wpisane słowa kluczowe są zbyt krótkie

Tutaj znajdziesz rozwiązanie:

http://css-tricks.com/how-to-resizeable-background-image/

Albo spróbuj tego :

[CSS] pobierz, plaintext 
BODY{
  background-color: #ffffff;
  background-image: url('tlo.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #000000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 0;
}
[CSS] pobierz, plaintext 

Ten post edytował Soulast 6.12.2010, 21:09:37

Samym css'em tego nie załatwisz raczej... potrzebny byłby już javascript, ale to chyba nie jest dobry pomysł żeby skalować obrazek do rozdzielczości :/
Poza tym backgroundu nie przeskaluje z tego co mi wiadomo, jedynie <img>

[HTML] pobierz, plaintext 
#BODY{
background-image: url('background.jpg');
background-size:100%;
}
[HTML] pobierz, plaintext