Autor Zpráva
xx10
Profil
Ahoj, potřeboval bych a by pozadí na stránce se automaticky zmenšovalo podle rozlišení monitoru.

Jako tady:
http://www.cssplay.co.uk/layouts/background.html

Díky za rady
Radek9
Profil
Koukni se do kódu, ne?
xx10
Profil
Ok, ale já to chci napsatl do css, do body.
Poradí někdo?
panther
Profil
xx10:
ale já to chci napsatl do css, do body.
nejde. Alespoň ne nijak spolehlivě napříč prohlížeči.

Celé bych si to být tebou rozmyslel - zkus si hýbat s velikostí okna, v 99% případů bude králík na odkázané ukázce deformovaný - a tudíž ne příliš hezký.
xx10
Profil
Ok, chápu, ale zde také záleží jaké je vybráno pozadí.
U pozadí s velkým rozlišením by to snad nemělo vadit, Nebo snad ano?
panther
Profil
xx10:
pozadí s velkým rozlišením nebude vypadat hezky na menším rozlišení. Každý obrázek, pokud je jinak velký než v originální velikosti (a poměru stran), je hnusný.
xx10
Profil
Dobře, ale pokud mám obrázek s rozlišením 1920*1080, tak zde nastává problém, protože se v prohlížeči v malém rozlišením nezobrazí úplně celý.
Co by si teda doporučoval?
panther
Profil
xx10:
Co by si teda doporučoval?
udělat pozadí takové, u kterého nebude vadit, když se nezobrazí celé. Nebo takové, které bude po stranách zakončené do ztracena a dále bude pokačovat barva do krajů.
xx10
Profil
ok, i tak bych to zkusil, můžete tady prosím někdo napstat ten kod do body, hlavně aby byl funkční, Děkuji...

„Ahoj, potřeboval bych a by pozadí na stránce se automaticky zmenšovalo podle rozlišení monitoru.

Jako tady:
http://www.cssplay.co.uk/layouts/background.html
margin
Profil *
xx10:
můžete tady prosím někdo napstat ten kod do body
Ne, žádný "funkční kód do body" pro to, co potřebuješ, neexistuje. musíš to udělat tak, jak se na odkázané stránce. Můžeš polaškovat s tímto:
<html style="height: 100%">
  <head>
    <title>background-size</title>
  </head>
  <body style="background: #EBE8E2 url(http://your-ghostwriter.com/wp-content/uploads/2010/10/apolloMoonLanding.jpg) no-repeat; background-size: 100% 100% ; -moz-background-size: 100% 100% ; -o-background-size: 100% 100% ; -web-background-size: 100% 100% ;">
    <p><i style="background:#def; padding: 2px 1ex">Optimalizováno pro širokoúhlé monitory postavené na výšku.</i>
  </body>
</html>

Funguje ve všech moderních prohlížečích, takže s nasazením musíš asi 14let počkat, než vymizí Firefox 3.5 a IE8.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: