Useampi background-image?

Onnistuuko CSS:llä useamman background-imagen käyttö saman div elemantin taustana? Eli tyyliin:

Vasemmalla taustana punainen kuva,
Oikealla taustana sininen kuva,
Keskellä taustana keltainen kuva,

...ja nämä sitten skaalautuisivat yhteen niin että ne yhdessä muodostaisivat puna-sini-keltaisen taustan div:iin.

Kiitos kaikista vastauksista etukäteen!
3465
Äänestä

Muut lukivat myös

Vastaukset 3

Vanhimmat

Ei onnistu, tulossa CSS 3 speksiin, mutta arvatenkin CSS 3:sta päästään käyttämään vasta ensi vuosituhannella, koska Microsoft ei kuitenkaan tue IE:ssä CSS 3:sta vielä pitkään aikaan. Eiväthän he vielä tue CSS 2:aan kunnolla!

Äänestä
  • Ainut tapa painostaa Microsoftia tekemään jotain tuon IE:n eteen on käyttää vaihtoehtoisia selaimia eli Mozillaa, Firefoxia, Operaa, Savaria tai jotain muuta w3c standardeja paremmin tukevaa selainta.

    Sivujen koodaaminenkin IE:lle on niin pirun vaikeaa, aina kun saa sivut toimivan näköisiksi muilla selaimilla saa ruveta sitten IE:tä varten väsäämään omaa koodia, että se helv* suosittu bukipesäkin näyttäisi sivut oikein... Suosittelen Microsoft boikottia eli ei osteta siltä firmalta enää mitään, siirrytään käyttämään Macia tai Linuxia, niin kuin olen itse jo tehnytkin....

    Äänestä

Miksi yhdelle diville kolme taustaa?

En tiedä tarkalleen mitä haluat mutta oliskos taikasana display: table? katsos http://snook.ca/technical/div_tables/ Ei toimi IE6-7

Jos tuommosta haluat niin sen voi myös toteuttaa neljällä divillä kehys, oikee_valikko, sisältö, vasen_valikko sitten vain halutut taustat jokaiselle. Venyy leveyssuunnassa ongelmitta, mutta korkeussuunnassa valikot ei veny sisällön mukaan. Tämä toimii myös IE6-7.

Mutta tekemällä hybridi sivut niin tuota ongelmaa ei ole, toimii ongelmitta IE6-7 ja venyy myös jokasuuntaan. Siis teet yhden taulukon jossa on kolme saraketta ja sitten vain määrität css:lla taustat jne... jutu tuolle taulukolle.

Äänestä

Kommentoi aloitusta


onnistuuko? kirjoitti:

Onnistuuko CSS:llä useamman background-imagen käyttö saman div elemantin taustana? Eli tyyliin:

Vasemmalla taustana punainen kuva,
Oikealla taustana sininen kuva,
Keskellä taustana keltainen kuva,

...ja nämä sitten skaalautuisivat yhteen niin että ne yhdessä muodostaisivat puna-sini-keltaisen taustan div:iin.

Kiitos kaikista vastauksista etukäteen!

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