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

566

    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. Poliisi tutkii murhaa Paltamossa

      Poliisi tutkii Kainuussa sijaitsevassa Paltamon kunnassa epäiltyä henkirikosta, joka on tapahtunut viime viikon perjanta
      Paltamo
      38
      4609
    2. Jos me voitais puhua

      Jos me voitais puhua tästä, mä sanoisin, että se on vaan tunne ja se menee ohi. Sun ei tarvitse jännittää mua. Mä kyllä
      Ihastuminen
      20
      3185
    3. Jenna meni seksilakkoon

      "Olen oppinut ja elän itse siinä uskossa, että feministiset arvot omaava mies on tosi marginaali. Todennäköisyys, että t
      Maailman menoa
      269
      2341
    4. Jere, 23, ja Aliisa, 20, aloittavat aamunsa Subutexilla tai rauhoittavilla: "Vaikka mä käytän..."

      Jere, 23, ja Aliisa, 20, ovat pariskunta, joka aloittaa aamunsa Subutexilla tai rauhoittavilla. Jere on ollut koko aikui
      Maailman menoa
      53
      2217
    5. Mikä sinua ja

      kaivattuasi yhdistää ?
      Ikävä
      165
      2069
    6. Vain yksi elämä

      Jonka haluaisin jakaa sinun kanssasi. Universumi heitti noppaa ja teki huonon pilan, antoi minun tavata sinut ja rakastu
      Ikävä
      89
      1670
    7. Vielä kerran.

      Muista että olet ihan itse aloittanut tämän. En ei silti sinua syyllistä tai muutenkaan koskaan tule mainitsemaan tästä
      Ikävä
      360
      1661
    8. On ikävä sua

      Koko ajan
      Ikävä
      17
      1653
    9. Aku Hirviniemi tekee paluun televisioon Aiemmin hyllytetty ohjelma nähdään nyt tv:ssä.

      Hmmm.....Miksi? Onko asiaton käytös nyt yht´äkkiä painettu villaisella ja unohdettu? Kaiken sitä nykyään saakin anteeksi
      Kotimaiset julkkisjuorut
      113
      1632
    10. M nainen tiedätkö mitä

      Rovaniemellä sataa nyt lunta, just nyt kun lähden pohjoiseen. Älä ota mitään paineita tästä mun ihastumisesta sinuun, ti
      Ikävä
      15
      1279
    Aihe