Името на цвета, който трябва да се показва на изходния интерфейс, е записано в това свойство на фона. Например, ' фон: червен ” ще зададе червен фонов цвят. По същия начин, за да запазите фона прост или да премахнете фоновите цветове, “ нито един ' и ' прозрачен ” се използват в свойството на фона, а не в името на цвят.
Както background:none, така и background:transparent показват едни и същи резултати, тъй като напълно премахват фона. Така че няма голяма разлика между работата на двете.
Разлика между „background:none“ и „background:transparent“ в CSS
„ фон: няма ' и ' фон: прозрачен ”, и двете се използват за една и съща цел. Те задават цвета на фона като никакъв или премахват цвета от фона.
Но все пак, ако мислим критично и се опитаме да намерим разлики между тях, тогава има две възможни разлики:
- Основната разлика между двете е, че те са различни думи с различен брой знаци в тях. И така, много хора вярват, че когато се използват в огромен документ много пъти на различни места, документът, който използва „ фон: няма ” може да отнеме по-малко време за компилиране, защото никой няма по-малък брой знаци в сравнение с прозрачния.
- Ако говорим за това как са компилирани, тогава, „ фон: няма ” задава фоновото изображение на нищо или да кажем премахва цвета на фона. От друга страна, „ фон: прозрачен ” задава прозрачен цвят като фон на текста или на целия интерфейс (което се посочва в стиловия елемент на CSS).
Но тези видове разлики могат да бъдат пренебрегнати, ако говорим за въздействието, което имат върху графичния интерфейс, защото в крайна сметка няма да има разлика.
Пример: Прилагане на background:none и background:transparent
Нека практически докажем, че ' фон: няма ' и ' фон: прозрачен ” направи същото с интерфейса. Напишете кодов фрагмент, за да разберете въздействието на свойството на CSS фон както с none, така и с transparent:
< h2 документ за самоличност = 'текст' >Това е прост текст за обяснение на целта на background:none и background:transparent
< / h2 >
В гореспоменатия кодов фрагмент има заглавие, създадено в HTML документ и му е даден идентификатор, наречен „ текст ”.
Добавяне на свойството за фон на CSS
На текста беше даден идентификатор, така че нека създадем селектор на идентификатор в елемента CSS стил и просто да добавим „ фон: няма ” собственост в него:
# текст {заден план : нито един ;
}
По същия начин, за да напишете „ фон: прозрачен ” свойство, няма разлика в метода. Просто заменете „ нито един ' с ' прозрачен ”:
# текст {заден план : прозрачен ;
}
И двете „ фон: няма ' и ' фон: прозрачен ” ще генерира същия резултат:
Това означава, че няма разлика между двете и те се компилират по същия начин.
Добавяне на свойство на фона с име на цвят
Сега, ако добавим име на цвят, вместо да пишем „ нито един ' и ' прозрачен ', изходът никога няма да бъде същият като генерирания от ' фон: няма ' и ' фон: прозрачен ”. Например, пишем име на цвят в свойството на фона:
# текст {заден план : светло синьо ;
}
Разликата е ясна. Той не показва същия резултат, както в случая на фон: няма и фон: прозрачен :
Това обобщава разликата между background:none и background:transparent.
Заключение
Background:none и background:transparent се използват съответно за премахване на фоновия цвят и за задаване на цвета на фона като прозрачен. Но тъй като и двете имат точно същото въздействие върху изходния интерфейс, както фон:няма, така и фон:прозрачен могат да се използват за една и съща цел.