opacity

eli läpinäkyvyys

olen tehnyt css-palikan, joka on siis osittain läpinäkyvä. ongelmana tässä palikassa on se, että sen sisällä oleva teksti häivyttyy myös...
osaisko joku neuvoa miten saisi tuon palikan sisällä olevan tekstin läpinäkymättömäksi, eli vain tausta on läpinäkyvä?

5

646

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • asdfg3

      Itse olen tehnyt läpinäkyvät taustat vain PNG-kuvana, eli kokonaan ilman mitään CSS-läpinäkyvyyksiä.

      Jos haluaa yksivärisen taustan, 1x1 pikselin kuva riittää ja sille pisteelle laittaa sitten läpinäkyvyyden kuvankäsittelyssä.

      • vähän toisin...

        Eli tausta on ihan normaali, mutta siinä on kohta, vaikkapa 200x200 pikseliä, mikä on läpinäkyvä.

        Ongelmana tässä on, että tuon läpinäkyvän 200x200 alueen sisällä kun kirjoitan teksiä, tulee siitäkin läpinäkyvää...

    • Yucca

      ”Palikka” on sekokieltä. Kuvaapa ongelmasi asiallisesti (ja siihen sisältyy, että opettelet käyttämään Shift- eli Vaihto-näppäintä) _ja_ kerro yritelmäsi URL, jonka kautta toivottavasti selviää, mitä _todella_ tarkoitat.

      Kuulostaa siltä, että haluat vain taustan olevan osittain läpinäkyvä. Jospa määrittelisi taustan osittain läpinäkyväksi tekemällä taustakuvasta sellaisen? Kannattaa toki ottaa huomioon, että tämä ei toimi kaikissa selaimissa.

      Toinen vaihtoehto on asemoida kaksi elementtiä päällekkäin siten, että ylempi (isompi z-index) on ihan tavallinen, siis läpinäkymätön teksti ja läpinäkyvä tausta, ja alempi on opacity- ja filter-ominaisuuksilla määritelty osittain läpinäkyväksi.

      P.S. Kai muuten tiedät, että opacity-ominaisuus on standardoimaton eikä toimi yleisimmissä selaimissa (IE 6, IE 7)?

      • Höpö.

        Kyllä opacity on ihan standardin mukaista CSS:ää, kuuluu CSS3:een. Voit koittaa vaikka validoida ja ainakin W3C:n CSS-validaattori päästää iloisesti läpi.

        Toimivuus onkin sitten toinen juttu, maisitsemasi yleisimmät selaimet kun eivät vielä osaa kunnolla edes CSS2:ta.

      • Yucca
        Höpö. kirjoitti:

        Kyllä opacity on ihan standardin mukaista CSS:ää, kuuluu CSS3:een. Voit koittaa vaikka validoida ja ainakin W3C:n CSS-validaattori päästää iloisesti läpi.

        Toimivuus onkin sitten toinen juttu, maisitsemasi yleisimmät selaimet kun eivät vielä osaa kunnolla edes CSS2:ta.

        CSS:stä ei ole yhtään standardia. Siitä on kaksi W3C:n suositusta, joita kumpaakaan W3C ei suosita käytettäväksi. Jos halutaan ”käytännön standardista” puhua, niin se on CSS 2.1 -luonnos. CSS 3 on vain kokoelma luonnosraakileita, jotka itse sanovat, että on sopimatonta viitata niihin muuten kuin käynnissä olevana työnä (work in progress).

        Lisätietoja: J. Korpela, ”CSS verkkosivujen muotoilussa”, WSOYPro/Docendo, 2008.

        Lyhyt CSS 3 -harhasta ja seitsemästä muusta tavallisesta CSS:n sudenkuopasta:
        http://www.cs.tut.fi/~jkorpela/css-caveats.html

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

    Takaisin ylös

    Luetuimmat keskustelut

    1. Nyt tajusin mitä haet takaa

      En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä
      Ikävä
      43
      3753

    2. Kiitos kun sanoit ikävästi minulle, herkälle

      Sait kesälomani pilattua😔
      Ikävä
      38
      2508

    3. Naiselle mieheltä

      Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?
      Ikävä
      34
      2031

    4. Jalkapalloa

      Ura ja Kokkola Cup?
      Kannus
      23
      1782

    5. Kaipaan niin....

      Aaawww mikä kaipuun tunne iski ja lujaa🥺😭❤️
      Ikävä
      17
      1699

    6. Ihmetteletkö, mihin sinussa ihastuin?

      Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai
      Ikävä
      100
      1612

    7. Eiii...

      Etkä! 😘
      Ikävä
      23
      1598

    8. Mitä yhteistä on sulla ja kaivatulla?

      Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko
      Ikävä
      99
      1466

    9. Mikset vain

      Unohtaisi?
      Ikävä
      24
      1457

    10. En ymmärrä miksi minä

      Maailma on täynnä sinulle muita
      Ikävä
      22
      1419
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt