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

607

Ää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. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      89
      4600

    2. Maisa on SALAKUVATTU huumepoliisinsa kanssa!

      https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/1525663
      Kotimaiset julkkisjuorut
      140
      3133

    3. Vanhalle ukon rähjälle

      Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen
      Ikävä
      50
      3125

    4. Mikko Koivu yrittää pestä mustan valkoiseksi

      Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi
      Kotimaiset julkkisjuorut
      403
      2202

    5. Purra hermostui A-studiossa

      Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.
      Perussuomalaiset
      231
      1348

    6. Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."

      Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito
      Ensitreffit alttarilla
      11
      1223

    7. Mitä sanoisit

      Ihastukselle, jos näkisitte?
      Tunteet
      76
      1207

    8. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      67
      1097

    9. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      30
      1084

    10. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      112
      999
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt