Forum PHP.pl

Wstawiłem na swoją stronę tło za pomocą CSSa:

[HTML] pobierz, plaintext 
html {
   background: #CFD5DE url(images/tlo.jpg) top left no-repeat;
   background-size: 100%;
}
[HTML] pobierz, plaintext 

Niestety w żaden sposób nie mogę rozciągnąć obrazka na całą powierzchnię ekranu / przeglądarki.
Na ekranie panoramicznym wygląda ok ale na zwykłym tło jest ucięte na dole.
Próbowałem wszystkich atrybutów dla background-size.
Obrazek ma rozmiar 1920x1200, format PNG.

Może macie jakieś pomysły, jak to zrobić.

Ten post edytował 115750 21.03.2012, 14:50:26

no ale jak nie bedzie uciete na dole, to bedzie przeskalowane, a wtedy grafiki nie prezentuja sie jakos specjalnie urodziwie. Po drugie PNG o takich rozmiarach, to wazy pewnie ponad 2MB... A jezeli zamiast wstawiania obrazka jako background wstawisz go jaki obraz przez <img> i nadasz mu style width:100%;height:100%; to bedziesz mial to, co chcesz?
Pamietaj, ze background-size to atrybut, ktory sie pojawil w CSS3 dopiero i na starszych przegladarkach w ogole nie dziala.

No tak, ma być przeskalowane. W tym przypadku jakość na tym nie ucierpi.


Z tym PNG to pomyłka. Pierwotnie było PNG ale przerobiłem do JPG i zajmuje 80 KB.

Dałem już sobie radę trochę zamieniając pierwszą linijkę i na:

[HTML] pobierz, plaintext 
background: #CFD5DE url(images/tlo.jpg) no-repeat center center fixed;
[HTML] pobierz, plaintext 

Teraz działa to na: IE 8, FF 10, Chrom 17.

Ten post edytował 115750 21.03.2012, 15:10:11