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

609

    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. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      202
      4168
    2. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      145
      3756
    3. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      70
      3087
    4. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      43
      1559
    5. Orpo loukkaantui fasismiin viittaavasta sanavalinnasta

      Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk
      Maailman menoa
      27
      1331
    6. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      19
      1328
    7. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      32
      1307
    8. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      21
      1301
    9. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      115
      1098
    10. Martina haluaa Marbellaan

      Martinan tekisi mieli ottaa lennot Marbellaan, jossa näkisisi kauniita ja hyväntuulisia ihmisiä. No sitten pitää matkust
      Kotimaiset julkkisjuorut
      215
      1033
    Aihe