HTML ja paikallaan pysyvä taustakuva

jotivoni · Viesti Kirjoittaja **jotivoni** » 2.7.2009 klo 15.24

Tietääkö joku, että miten HTML:llä (tai onko se edes sillä mahdollista) saa aikaiseksi sellaisen, että scrollatessa taustakuva pysyy paikallaan ja teksti ikään kuin liikkuu sen päällä. Normaalistihan se taustakuva liikkuu scrollauksen mukana.

Vai tarviiko tähän css:ää tai javaa tms. ja onko tuollanen scripti vaikea tehdä?

Marbo · Viesti Kirjoittaja **Marbo** » 2.7.2009 klo 15.26

CSS tarviit ja ei ole vaike tehä

ssulti · Viesti Kirjoittaja **ssulti** » 2.7.2009 klo 15.27

http://www.w3schools.com/css/css_background.asp

Eli jotensakkin näin;

Koodi: Valitse kaikki

<style>
body
{
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
}
</style>

Ja koko kasa <HEAD>;n sisään.

Esimerkki lyö taustakuvan kerran ylä-vasempaan nurkkaan, toistamatta sitä. Ja ei pitäisi skrollailla.

Aaaron · Viesti Kirjoittaja **Aaaron** » 5.7.2009 klo 12.51

Tuo on sitten ainakin vanhemmissa selaimissa tuhottoman raskas scrollata.

Jamac · Viesti Kirjoittaja **Jamac** » 6.7.2009 klo 13.15

Raskas... Ööö.. Eipäs ole.

gramdel · Viesti Kirjoittaja **gramdel** » 6.7.2009 klo 14.42

position: fixed kyllä joskus köhi ammoisina aikoina, mutta ei kaiketi background-attachment. IE 5 ja 6 eivät tainneet position:fixediä tunnistaakaan.

/---
ap

MiniMe · Viesti Kirjoittaja **MiniMe** » 6.7.2009 klo 22.49

Aaaron kirjoitti:Tuo on sitten ainakin vanhemmissa selaimissa tuhottoman raskas scrollata.

Taisi olla nimenomaan jossain Firefoxin versiossa kyseinen ominaisuus. Itse muistan joskus ihmetelleeni kyseistä "ominaisuutta".

zs6234i · Viesti Kirjoittaja **zs6234i** » 7.7.2009 klo 17.23

Tai jos aivan yksinkertaisesti höttömölöö haluut, niin sen voi liittää suoraan body tagiin vaikka taustakuvan jälkeen,
bgproperties="fixed"

Esimerkki:
http://www.htmlcodetutorial.com/documen ... RTIES.html

Tämä siis toimii Safarissa ainakin. IE:ssä myös, mutta jotain selaimia oli, olisko Win+FF missä ei pelaa..
Eli, kannattaa miettiä, josko kuitenkin käyttäisi tuota CSS-koodin pätkää ja jos sen laittaisi ulkoisena, vois hallinnoida koko sivuston ulkoasuasioita yhden tiedoston kautta..

Macco · Viesti Kirjoittaja **Macco** » 7.7.2009 klo 17.31

Ja muutenkin kannattaa aina pitää ne muotoilut html:n seasta poissa, ja hoitaa homma CSS:llä. Se kun on nimenomaan sitä varten tehty.

HTML ja paikallaan pysyvä taustakuva

HTML ja paikallaan pysyvä taustakuva

Re: html ja paikallaan pysyvä taustakuva

Re: html ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva

Re: HTML ja paikallaan pysyvä taustakuva