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

628

Ää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. Ja taas ammuttu kokkolassa

      Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.
      Kokkola
      52
      5320

    2. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      81
      3960

    3. Helena Koivu on äiti

      Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.
      Kotimaiset julkkisjuorut
      326
      2320

    4. Milli-helenalla ongelmia

      Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell
      Kotimaiset julkkisjuorut
      267
      1932

    5. Kuinka kauan

      Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?
      Ikävä
      117
      1798

    6. Kun näen sinut

      tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain
      Ikävä
      56
      1392

    7. Ja taas kerran hallinto-oikeus että pieleen meni

      Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ
      Sysmä
      95
      1290

    8. Yhdelle miehelle

      Mä kaipaan sua niin paljon. Miksi sä oot tommonen pösilö?
      Ikävä
      70
      1242

    9. Löydänköhän koskaan

      Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲
      Ikävä
      133
      1207

    10. Purra saksii taas. Hän on mielipuuhassaan.

      Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht
      Maailman menoa
      295
      1172
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt