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

617

    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. Rasismia kaikkialla näkevät ovat Suomen tyhmimpiä ihmisiä

      ja monillahan kuluu myös mielialalääkkeitä, eli päässä on ongelmia. Mutta he eivät tajua kuinka paljon ja ihan todellis
      Maailman menoa
      303
      6622
    2. Ei kahta sanaa etteikö Petteri Orpo hyväksy rasismia

      Koska jatkaa hallituksessa rasistisen perussuomalaisiksi itseään kutsuvan puolueen kanssa. Se on Petteri Orpon arvomaai
      Maailman menoa
      49
      5796
    3. Mitkäs nuorisoporukat ovat toisia nuoria ryöstelleet (selvää rassismia)

      No poliisi kertoo, että maahanmuuttajataustaisia ovat, ja isot porukat sillä yhden suomalaisen uhrin kimpussa on ollut j
      Maailman menoa
      186
      5272
    4. Pitkän linjan yritysjohtaja: Suomen tapahtumat eivät ole Aasian kärkiuutinen

      Viimeaikaista kohua on käytetty sisäpoliittisena lyömäaseena, Thomas Zilliacus sanoo. – Koska asiaa kuitenkin kommentoi
      Maailman menoa
      61
      4043
    5. Demarit ovat oikeasti törppöjä eli heikkoälyisiä

      ja todistavat sitä päivittäin täällä lapsellisilla jutuillaan. Kauheasti on hehkuttaneet kuinka demarien kannatus vaan
      Maailman menoa
      38
      3318
    6. Perussuomalaiset eivät harrasta maalittamista kuten vasemmisto

      Huomaa tässä keinotekoisessa "rasismi"-kohussakin kuinka vasemmistolaiset maalittavat Perussuomalaisia. Me emme vastaava
      Maailman menoa
      5
      3313
    7. HS 12/25 kysely: persut romahti, demarit raketoi

      Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok
      Maailman menoa
      52
      3237
    8. Töppö-persut ovat todella tyhmiä

      sen kertoo tämäkin avaus: "Persujen suosio vain laskee" Töppö-persu vaan unohtaa, että ennen tätä galluppia persujen kan
      Maailman menoa
      29
      3008
    9. Maataloustuet voi poistaa, naudan tuottajahinta pompsahtanut 25 %

      Enää ei tarvitse veronmaksajien tukea, koska maajussi saa lihasta nyt hyvää hintaa. https://yle.fi/a/74-20198739
      Maailman menoa
      11
      2242
    10. Mitäpä ostaisin ja lähettäisin Metsa Manille joulupäkitsiä?

      Vähän vaikea miettiä ja keksiä eikä pelkkää rahalahjaa oikein kehtoo. Kertokaapa te?
      Tuusniemi
      38
      1008
    Aihe