Název barvy, která se má zobrazit na výstupním rozhraní, je zapsán v této vlastnosti pozadí. Například, ' pozadí: červené ” nastaví barvu pozadí na červenou. Podobně, chcete-li zachovat jednoduché pozadí nebo odstranit barvy pozadí, “ žádný ' a ' průhledný ” se používají ve vlastnosti pozadí spíše než v názvu barvy.
Pozadí:žádné i pozadí:průhledné zobrazí stejné výsledky, protože zcela odstraní pozadí. Mezi fungováním těchto dvou tedy není žádný zásadní rozdíl.
Rozdíl mezi „background:none“ a „background:transparent“ v CSS
' pozadí: žádné ' a ' pozadí: průhledné “, oba se používají ke stejnému účelu. Nastaví barvu pozadí jako žádnou nebo barvu z pozadí odstraní.
Ale přesto, pokud uvažujeme kriticky a snažíme se mezi nimi najít rozdíly, existují dva možné rozdíly:
- Hlavní rozdíl mezi nimi je v tom, že se jedná o různá slova s různým počtem znaků. Mnoho lidí se tedy domnívá, že když jsou použity v obrovském dokumentu mnohokrát na různých místech, dokument, který používá „ pozadí: žádné ” může trvat kratší dobu, než se zkompiluje, protože žádný nemá menší počet znaků ve srovnání s transparentním.
- Pokud mluvíme o tom, jak jsou sestavovány, pak: „ pozadí: žádné ” nastaví obrázek na pozadí na žádný nebo řekněme odstraní barvu pozadí. Na druhou stranu, „ pozadí:průhledné ” nastaví průhlednou barvu jako pozadí textu nebo celého rozhraní (podle toho, co je uvedeno v prvku stylu CSS).
Tyto typy rozdílů však lze zanedbat, pokud mluvíme o dopadu, který mají na grafické rozhraní, protože na konci nebude žádný rozdíl.
Příklad: Použití pozadí:žádné a pozadí:průhledné
Pojďme prakticky dokázat, že „ pozadí: žádné ' a ' pozadí:průhledné ” proveďte totéž s rozhraním. Napište úryvek kódu, abyste věděli, jaký dopad má vlastnost pozadí CSS s žádným a transparentním:
< h2 id = 'text' >Toto je jednoduchý text k vysvětlení účelu pozadí:žádné a pozadí:průhledné
< / h2 >
Ve výše uvedeném úryvku kódu je v dokumentu HTML vytvořen nadpis, kterému bylo přiděleno ID s názvem „ text “.
Přidání vlastnosti pozadí CSS
Text dostal ID, takže vytvoříme selektor ID v prvku stylu CSS a jednoduše přidáme „ pozadí: žádné ” vlastnost v něm:
# text {Pozadí : žádný ;
}
Podobně napsat „ pozadí:průhledné “, neexistuje žádný rozdíl v metodě. Jednoduše vyměňte „ žádný “ s “ průhledný “:
# text {Pozadí : průhledný ;
}
Oba ' pozadí: žádné ' a ' pozadí:průhledné “ vygeneruje stejný výstup:
To znamená, že mezi nimi není žádný rozdíl a jsou sestaveny stejným způsobem.
Přidání vlastnosti pozadí s názvem barvy
Nyní, když přidáme název barvy místo psaní „ žádný ' a ' průhledný “, výstup nikdy nebude stejný jako výstup generovaný „ pozadí: žádné ' a ' pozadí:průhledné “. Například do vlastnosti pozadí zapíšeme název barvy:
# text {Pozadí : světle modrá ;
}
Rozdíl je jasný. Nezobrazuje stejný výstup jako v případě pozadí: žádné a pozadí:průhledné :
To shrnuje rozdíl mezi background:none a background:transparent.
Závěr
Pozadí:žádné a pozadí:průhledné se používají k odstranění barvy pozadí a k nastavení barvy pozadí jako průhledné. Ale protože oba mají přesně stejný dopad na výstupní rozhraní, lze pro stejný účel použít jak pozadí:žádné, tak pozadí:průhledné.