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

587

    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. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      74
      2952
    2. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      68
      2827
    3. Muutama syy

      Sille miksi IRL kohtaaminen on hänelle vaikeaa
      Ikävä
      68
      1822
    4. Tykkään susta

      Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä
      Ikävä
      17
      1679
    5. Onko kaivatullasi

      Hyvä vai huono huumorintaju?
      Ikävä
      24
      1657
    6. Estitkö sä minut

      Oikeasti. Haluatko, että jätän sun ajattelemisen? :3
      Ikävä
      20
      1600
    7. Onko kaikki hyvin, iso huoli sinusta

      Miten jakselet? Onko sattunut jotain ikävää. Naiselta
      Ikävä
      25
      1582
    8. Tiedätkö tykkääkö

      Kaivatustasi siinä mielessä joku muukin kuin sinä itse
      Ikävä
      48
      1297
    9. Millainen meno

      Viikonloppuna? Mulla hirvee vitutus päällänsä. Onko muilla sama tunne??
      Ikävä
      38
      1273
    10. Onko meillä

      Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko
      Ikävä
      9
      1259
    Aihe