A kimeneti felületen megjelenítendő szín neve a háttértulajdonságba van írva. Például, ' háttér: piros ” piros háttérszínt állít be. Hasonlóképpen a háttér egyszerű megőrzéséhez vagy a háttérszínek eltávolításához: egyik sem ” és „ átlátszó ” karakterek a háttértulajdonságban használatosak, nem pedig egy szín neve.
A background:none és a background:transparent is ugyanazt az eredményt jeleníti meg, mivel teljesen eltávolítja a hátteret. Tehát nincs jelentős különbség a kettő működése között.
Különbség a „background:none” és a „background:transparent” között a CSS-ben
A ' háttér: nincs ” és „ háttér: átlátszó ”, mindkettőt ugyanarra a célra használják. A háttérszínt nullára állítják, vagy eltávolítják a színt a háttérből.
De mégis, ha kritikusan gondolkodunk, és megpróbálunk különbségeket találni köztük, akkor két lehetséges különbség van:
- A fő különbség a kettő között az, hogy különböző szavak, különböző karakterszámmal. Tehát sokan azt hiszik, hogy amikor egy hatalmas dokumentumban sokszor használják őket különböző helyeken, akkor az a dokumentum, amely a „ háttér: nincs ” lefordítása kevesebb időt vehet igénybe, mert egyik sem rendelkezik kevesebb karakterrel, mint az átlátszóé.
- Ha arról beszélünk, hogyan állítják össze őket, akkor ' háttér: nincs ” a háttérképet none-ra állítja, vagy mondjuk eltávolítja a háttérszínt. Másrészt a „ háttér: átlátszó ” átlátszó színt állít be a szöveg vagy a teljes felület háttereként (a CSS stíluselemben melyikre hivatkozik).
Az ilyen típusú különbségek azonban figyelmen kívül hagyhatók, ha a grafikus felületre gyakorolt hatásukról beszélünk, mert a végén nem lesz különbség.
Példa: A background:none és a background:transparent alkalmazása
Gyakorlatilag bizonyítsuk be, hogy ' háttér: nincs ” és „ háttér: átlátszó ” tegye ugyanezt a felülettel. Írjon egy kódrészletet, hogy megismerje a CSS-háttértulajdonság hatását mind a none, mind az átlátszó esetén:
< h2 id = 'szöveg' >Ez egy egyszerű szöveg, amely elmagyarázza a background:none és a background:transparent célját
< / h2 >
A fent említett kódrészletben van egy HTML dokumentumban létrehozott fejléc, amely a következő azonosítót kapott: ' szöveg ”.
A CSS háttértulajdonság hozzáadása
A szöveg azonosítót kapott, ezért hozzunk létre egy azonosító választót a CSS stíluselemben, és egyszerűen adjuk hozzá a „ háttér: nincs ” tulajdonság benne:
# szöveg {háttér : egyik sem ;
}
Hasonlóképpen a „ háttér: átlátszó ” tulajdonság, a módszerben nincs különbség. Egyszerűen cserélje ki egyik sem ' val vel ' átlátszó ”:
# szöveg {háttér : átlátszó ;
}
Mind a ' háttér: nincs ” és „ háttér: átlátszó ” ugyanazt a kimenetet generálja:
Ez azt jelenti, hogy nincs különbség a kettő között, és ugyanúgy vannak összeállítva.
Háttértulajdonság hozzáadása színnévvel
Ha most egy színnevet adunk hozzá ahelyett, hogy '' egyik sem ” és „ átlátszó ”, a kimenet soha nem lesz ugyanaz, mint amit a „ háttér: nincs ” és „ háttér: átlátszó ”. Például írunk egy színnevet a háttértulajdonságba:
# szöveg {háttér : világoskék ;
}
A különbség egyértelmű. Nem ugyanazt a kimenetet jeleníti meg, mint a esetén háttér: nincs és háttér: átlátszó :
Ez összefoglalja a background:none és a background:transparent közötti különbséget.
Következtetés
A background:none és background:transparent a háttérszín eltávolítására, illetve a háttérszín átlátszóvá tételére szolgál. De mivel mindkettő pontosan ugyanolyan hatással van a kimeneti felületre, a background:none és a background:transparent is ugyanarra a célra használható.