kuvan läpinäkyvyys?

Cross_Of_Death

Niin, millä saan kuvan läpinäkymään osittain? esimerkiksi jos mulla on joku kuvio joka ei ole neliö, ja tausta on epätasa värinen tai tausta väri on muuttuva, ja haluan taustan näkyviin kuvan alta.

ie:lle on olemassa koodi jolla saan tietyn värin pois elementistä, mutta mitenkäs muut selaimet?

Toki pystyisinhän laittamaan kuvaan suoraan taustalle saman värin kuin itse sivulla taustalla, mutta kun tosiaan mulla on kuva taustalla, ja sen päälle tulee kuvio div:n taustakuvana (tämä on kuvio, josta haluan osan näkyvän läpi)

Jos joku ymmärsi, toivoisin saavani vastauskia, olen pohtinut tätä ongelmaa jo hetken aikaa, paljon muuta osaan kyll css:llä mutta tämä on jäänyt oppimatta

5

582

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • tai png

      sun täytyy ensin muuttaa kuva gif- tai png-formaattiin, niin sitten saat muutettua esim kuvan taustan transparentiksi

      • Cross_Of_Death

        se oli mulla jo valmiiksi gif -formaatissa, ja kokeilin kumpaakin yhdessä ja erikseen:

        background: transparent;
        background-color: transparent;
        background: url(kuvat/kuva.gif);

        Mutta ei toiminut...


      • Höpö.
        Cross_Of_Death kirjoitti:

        se oli mulla jo valmiiksi gif -formaatissa, ja kokeilin kumpaakin yhdessä ja erikseen:

        background: transparent;
        background-color: transparent;
        background: url(kuvat/kuva.gif);

        Mutta ei toiminut...

        Eihän gif tai png nyt automaattisesti sisällä mitään läpinäkyvää. Sun tarvii kuvankäsittelyohjelmalla määritellä mikä on läpinäkyvää. Giffillä saat yhden värin läpinäkyväksi, png-8:lla saat myöskin yhden värin läpinäkyväksi ja png-24:lla pystyy jo paljon kehittyneesti asettamaan läpinäkyvyyden. Viimeisessä selaintuki ei tosin ole mitenkään täydellinen (IE6 ei ainakaan sitä ymmärrä, uudemmasta en tiedä).

        Mutta kun kerran kyselit asiaa css-osastossa, niin kyllä läpinäkyvyyttä voi määritellä myös sillä:
        http://webdesign.about.com/od/css3/a/aa121306.htm

        Muista testata selainyhteensopivuus.


      • Cross_Of_Death
        Höpö. kirjoitti:

        Eihän gif tai png nyt automaattisesti sisällä mitään läpinäkyvää. Sun tarvii kuvankäsittelyohjelmalla määritellä mikä on läpinäkyvää. Giffillä saat yhden värin läpinäkyväksi, png-8:lla saat myöskin yhden värin läpinäkyväksi ja png-24:lla pystyy jo paljon kehittyneesti asettamaan läpinäkyvyyden. Viimeisessä selaintuki ei tosin ole mitenkään täydellinen (IE6 ei ainakaan sitä ymmärrä, uudemmasta en tiedä).

        Mutta kun kerran kyselit asiaa css-osastossa, niin kyllä läpinäkyvyyttä voi määritellä myös sillä:
        http://webdesign.about.com/od/css3/a/aa121306.htm

        Muista testata selainyhteensopivuus.

        Aa, kiitos neuvosta, ei käynyt kyl mielessä lainkaan... hmm, en ymmärrä englantia lainkaan joten jos viittisit kertoo viel et miten tai millä saan sitten määriteltyä tämän jonkun värin läpinäkyväksi... onnistuuko se paintilla?


      • Höpö.
        Cross_Of_Death kirjoitti:

        Aa, kiitos neuvosta, ei käynyt kyl mielessä lainkaan... hmm, en ymmärrä englantia lainkaan joten jos viittisit kertoo viel et miten tai millä saan sitten määriteltyä tämän jonkun värin läpinäkyväksi... onnistuuko se paintilla?

        Mutta sillä nyt ei oikein mikään muukaan onnistu.

        Mutta koitappa vaikka PaintShopProlla tai Gimpillä:
        http://www.mbnet.fi/nettijatkot/2002/02/kuvanmuokkaus/

        En nyt jaksa ohjeita kertoa ja ite kuitenkin käytän PhotoShoppia (joka kyllä sitten maksaa), mutta koittele googlella sopivilla hakusanoilla, esimerkiksi:
        http://www.google.com/search?q=paint shop pro kuvan läpinäkyvyys


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Helena Koivu menettänyt lapsensa. Onko Mikko Koivulla oma laki?

      Voiko olla totta että äidiltä viedään lapset ja ei mitään syytä ole edes kerrottu äidille itselleen.?
      Kotimaiset julkkisjuorut
      342
      3664
    2. Martinan aussikulta, missä?

      Mihin katosi Martina Aitolehden aussikulta kyselee Seiska!
      Kotimaiset julkkisjuorut
      476
      3171
    3. Haluaisin sun kanssa yhteisen

      Elämän. Haluun sut.
      Ikävä
      71
      2170
    4. Pikkunaiselle terkkuja

      Olet parasta koko maailmassa! Kaikkein ihmeellisin. Olisitpa täällä. 🧡 harmaasusi
      Ikävä
      340
      1630
    5. Arto Satonen ja kokoomus 2020: Poliittiset virkanimitykset ovat koruptiota

      2025: Kokoomus on junttaamassa Arto Satosta Kelan johtoon ohi pätevämpien hakijoiden. https://www.hs.fi/politiikka/art-
      Maailman menoa
      196
      1515
    6. Hannu Pikkarainen ehdottomaan vankeuteen

      KKO tuomitsi 1 v 9 kk. Tämä ei ole Hannulle ilon päivä.
      Kotimaiset julkkisjuorut
      177
      1280
    7. Pystyisitkö ottamaan kaivattuasi

      Elämääsi miten pian
      Ikävä
      105
      1233
    8. Voisiko olla jopa niin

      Että kumpikin vähän pelkää totaalista heittäytymistä, koska tiedetään että se olisi menoa sen jälkeen. Samaan aikaan hal
      Ikävä
      75
      1222
    9. Saara Aalto ja Teemu Roivainen paljastivat yllätysuutisen: "Rakkaus kietoi meidän kohtalomme..."

      Oho! Ex-pari on palannut yhteen musiikin merkeissä. He tekevät Rakkaustarina-nimeä kantavan 20-vuotisjuhlakiertueen syks
      Suomalaiset julkkikset
      12
      1137
    10. K&T: Harvinainen haastattelu: Susanna Laine avaa suhdetta Petri Nygårdiin: "Olin sinkku vuosia..."

      Susanna Laine ei ole kertonut suhteestaan Petri Nygårdiin (Petri Laurila) julkisuudessa juurikaan. Aktiivisesti sosiaali
      Suomalaiset julkkikset
      8
      1085
    Aihe