Tulostusrajapinnassa näytettävän värin nimi on kirjoitettu kyseiseen taustaominaisuuteen. Esimerkiksi, ' tausta: punainen ” asettaa taustavärin punaiseksi. Vastaavasti, jos haluat pitää taustan yksinkertaisena tai poistaa taustavärit, ' ei mitään ' ja ' läpinäkyvä ' käytetään taustaominaisuuden sijaan värin nimessä.
Sekä background:none että background:transparent näyttävät samat tulokset, koska ne poistavat taustan kokonaan. Joten näiden kahden toiminnan välillä ei ole suurta eroa.
Ero 'background:none' ja 'background:transparent' välillä CSS:ssä
' tausta: ei mitään ' ja ' tausta: läpinäkyvä ”, molempia käytetään samaan tarkoitukseen. He asettavat taustaväriksi ei mitään tai poistavat värin taustasta.
Mutta silti, jos ajattelemme kriittisesti ja yritämme löytää eroja niiden välillä, on kaksi mahdollista eroa:
- Suurin ero näiden kahden välillä on, että ne ovat erilaisia sanoja, joissa on eri määrä merkkejä. Joten monet ihmiset uskovat, että kun niitä käytetään valtavassa asiakirjassa monta kertaa eri paikoissa, asiakirja, joka käyttää ' tausta: ei mitään ” kääntäminen saattaa viedä vähemmän aikaa, koska missään ei ole vähemmän merkkejä kuin läpinäkyvässä.
- Jos puhumme siitä, kuinka ne on koottu, niin ' tausta: ei mitään ” asettaa taustakuvan arvoon ei mitään tai vaikkapa poistaa taustavärin. Toisaalta ' tausta: läpinäkyvä ” asettaa läpinäkyvän värin tekstin tai koko käyttöliittymän taustaksi (kumpaan CSS-tyylielementissä viitataan).
Mutta tämän tyyppiset erot voidaan jättää huomiotta, jos puhumme niiden vaikutuksesta graafiseen käyttöliittymään, koska lopussa ei ole eroa.
Esimerkki: Käytä tausta:none ja background:transparent
Todistakaamme käytännössä, että ' tausta: ei mitään ' ja ' tausta: läpinäkyvä ” tee sama käyttöliittymälle. Kirjoita koodinpätkä tietääksesi CSS-taustaominaisuuden vaikutuksen sekä none- että läpinäkyvällä tavalla:
< h2 id = 'teksti' >Tämä on yksinkertainen teksti, joka selittää tausta:none ja background:transparent tarkoituksen
< / h2 >
Yllä mainitussa koodinpätkässä on HTML-dokumenttiin luotu otsikko ja sille on annettu tunnus nimeltä ' teksti ”.
CSS-taustaominaisuuden lisääminen
Tekstille annettiin tunnus, joten luodaan id-valitsin CSS-tyylielementtiin ja lisätään ' tausta: ei mitään ”omaisuus siinä:
# teksti {tausta : ei mitään ;
}
Vastaavasti kirjoittaa ' tausta: läpinäkyvä ”-ominaisuutta, menetelmässä ei ole eroa. Korvaa vain ' ei mitään ' kanssa ' läpinäkyvä ”:
# teksti {tausta : läpinäkyvä ;
}
Molemmat ' tausta: ei mitään ' ja ' tausta: läpinäkyvä ' tuottaa saman tulosteen:
Se tarkoittaa, että näiden kahden välillä ei ole eroa ja ne kootaan samalla tavalla.
Taustaomaisuuden lisääminen värin nimellä
Jos nyt lisäämme värin nimen kirjoittamisen sijaan ei mitään ' ja ' läpinäkyvä ', tulos ei koskaan ole sama kuin ' tausta: ei mitään ' ja ' tausta: läpinäkyvä ”. Kirjoitamme esimerkiksi värin nimen taustaominaisuuteen:
# teksti {tausta : vaaleansininen ;
}
Ero on selvä. Se ei näytä samaa lähtöä kuin tapauksessa tausta: ei mitään ja tausta: läpinäkyvä :
Tämä tiivistää eron background:none ja background:transparent välillä.
Johtopäätös
Back:none ja background:transparent käytetään taustavärin poistamiseen ja taustavärin asettamiseen läpinäkyväksi. Mutta koska niillä molemmilla on täsmälleen sama vaikutus lähtöliitäntään, sekä background:none- että background:transparent-asetuksia voidaan käyttää samaan tarkoitukseen.