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