Background color transparent: background-color — CSS: Cascading Style Sheets

Leave a Comment / Разное / By /

html — Что означает цвет фона: прозрачный?

спросил

Изменено 4 года, 5 месяцев назад

Просмотрено 1к раз

Я прочитал какой-то код и увидел это background-color: Transparent .

Я не знаю, что это такое, поэтому я искал в Интернете, но не смог найти ресурс, объясняющий, что это значит.

Что означает и/или делает фоновый цвет: прозрачный ?

  • HTML
  • CSS

2

Как следует из названия, background-color: Transparent означает, что вы можете видеть сквозь фон элемента, т. е. его фоновый цвет будет казаться идентичным цвету фона родительского элемента.

Обратите внимание, что это отличается от

background-color: white , потому что если родительский элемент имеет цвет фона, отличный от белого, данный элемент будет иметь другой цвет, то есть белый.

Также имейте в виду, что это начальное значение свойства background-color . Это означает, что если вы явно не укажете цвет фона, он примет значение прозрачно .

Вот пример, чтобы дать вам представление:

 .container {
  ширина: 200 пикселей;
  граница: 1px сплошной черный;
}

.контейнер > раздел {
  ширина: 150 пикселей;
  поле: 25 пикселей;
  граница: 1px сплошной черный;
  высота: 50 пикселей;
}

.bg-синий {
  цвет фона: аква;
}

.bg-прозрачный {
  цвет фона: прозрачный;
}

.bg-белый {
  цвет фона: белый;
}

.bg-желтый {
  цвет фона: желтый;
} 
 <дел>
  
Белый

  
Прозрачный
<дел>
Белый
Прозрачный
<дел>
Белый
Прозрачный

3

Если вы используете background-color:transparent , это означает, что вы не хотите иметь background-color для этого элемента. Типичным вариантом использования может быть: если вы перекрываете другой элемент и хотите увидеть базовый элемент с его содержимым или цветом.

Фон используется, чтобы сделать цвет прозрачным. Также помните, что вы можете использовать его в «color», «border» и т.д.

 color:transparent;
цвет границы: прозрачный;
цвет фона: прозрачный;

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Удалить фон | Снагит

Заменить фон изображения прозрачностью, чтобы показать фон страницы или любые другие цвета или объекты, на которые наложено изображение.

Замена цвета фона на прозрачность для создания логотипов, наложения двух или более изображений, добавления водяных знаков или сохранения курсоров для повторного использования в других изображениях.

Snagit предлагает три простых способа удаления фона с изображения:

  • Заливка
  • Инвертировать выделение
  • Волшебная палочка

Совет: начните с прозрачного холста.

Выберите меню Изображение > Цвет холста (Windows) или Изменить цвет холста (Mac). Щелкните предварительный просмотр цвета холста, выберите параметр прозрачности (в шахматном порядке) и нажмите OK (Windows) или Apply (Mac).

Инструмент «Заливка»

Инструмент «Заливка» заменяет один цвет другим цветом или прозрачностью. Инструмент «Заливка» работает лучше всего, когда фон, который вы хотите удалить, имеет сплошной цвет.

  1. Щелкните инструмент Fill на панели инструментов редактора Snagit.

    Примечание. Если инструмент не отображается на панели инструментов, щелкните раскрывающийся список Дополнительно .

  2. На панели «Свойства» щелкните раскрывающийся список Заливка и выберите Прозрачный (шахматная доска).
  3. Щелкните фон изображения, чтобы заменить цвет прозрачностью.

Холст появляется под прозрачными областями.

Совет: отрегулируйте допуск для лучшего результата.

Если фон не сплошной, Snagit может заполнить слишком мало или слишком много области прозрачностью. Нажмите Ctrl+Z (Windows) или Command+Z (Mac), чтобы отменить предыдущую заливку, перетащите ползунок Допуск , чтобы отрегулировать величину заливки, и повторите попытку.

Для получения дополнительной информации см. Инструмент заливки.

Инвертировать выделение

Привязка к объекту и Инвертировать выделение 9Параметры 0105 позволяют удалить цвет вокруг неправильных форм.

  1. Щелкните инструмент Selection на панели инструментов редактора Snagit.

    Примечание. Если инструмент не отображается на панели инструментов, щелкните раскрывающийся список Дополнительно .

  2. В свойствах инструмента выберите фигуру Freehand .
  3. Выберите параметр заливки фона Прозрачный .
  4. Нажмите и перетащите, чтобы выделить фигуру или значок, которые вы хотите сохранить на изображении.
  5. Щелкните Привязать к объекту , чтобы привязать выделение к краям выбранного элемента.
  6. Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Control (Mac), и выберите параметр Invert Selection .
  7. Нажмите Удалить , чтобы заменить инвертированное выделение прозрачностью.

Холст появляется под прозрачными областями.

Для получения дополнительной информации см. Инструмент выделения.

Инструмент «Волшебная палочка»

Инструмент «Волшебная палочка» делает выделение на основе цвета, в котором вы щелкаете. Волшебная палочка лучше всего подходит для выбора и удаления фона со сплошным цветом или с небольшим цветовым градиентом.

  1. Щелкните инструмент Magic Wand на панели инструментов редактора Snagit.

    Примечание. Если инструмент не отображается на панели инструментов, щелкните раскрывающийся список

    Дополнительно .

  2. На панели свойств выберите Прозрачный параметр заливки фона.
  3. На изображении на холсте щелкните цвет, который нужно удалить.
  4. Настройте ползунок Select в свойствах инструмента, чтобы выбрать больше или меньше цвета рядом с вашим изображением.
  5. Чтобы включить все экземпляры выбранного цвета в изображение, щелкните , чтобы включить глобальный выбор цвета в свойствах инструмента.