Kuva paikoillaan CSS:llä

background-attachment: fixed;
Yllä olevalla tavalla CSS:ässä saa taustakuvan pysymään paikoillaan scrollattaessa, mutta onnistuuko se ihan tavallisilla kuvilla.
1154
Äänestä

Muut lukivat myös

Vastaukset 1

Vanhimmat

"mutta onnistuuko se ihan tavallisilla kuvilla"

En nyt täysin ymmärtänyt mitä haet. Mutta voit tehdä css:llä divin, johon asetat kuvan kiinteästi. Esim:

div#poksi {
width: 400px; height: 600px;
position: absolute; top: 100px; left: 150px;
background: #DEF url(kuva.jpg) 0 0 no-repeat fixed;
}

Tämä tosin ei toimi IE:llä. Vaikka IE väittääkin tukevansa täysin standardia, niin se ei osaa käsitellä kiinnitettyä taustakuvaa muualla kuin body-elementissä.

Äänestä

Kommentoi aloitusta


Fixeri kirjoitti:

background-attachment: fixed;
Yllä olevalla tavalla CSS:ässä saa taustakuvan pysymään paikoillaan scrollattaessa, mutta onnistuuko se ihan tavallisilla kuvilla.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu