Содержание
Я создаю новый веб-сайт, и я ищу прозрачную панель навигации, чтобы фон был виден.
Нет прозрачного цветового кода, но есть стиль непрозрачности. Ознакомьтесь с документацией об этом на developer.mozilla.org
Возможно, вам захочется установить цвет элемента, а затем применить к нему непрозрачность.
Вы можете использовать некоторую онлайн-генератор прозрачности, которая также даст вам специфические для браузера стили. например взгляните на http://www.css-opacity.pascal-seven.de/
Обратите внимание, что , что при установке прозрачности элемента любой дочерний элемент также становится прозрачным. Поэтому вам действительно нужно наложить все остальные элементы.
Вы также можете попробовать использовать цвет RGBA, используя настройку Alpha (A), чтобы изменить непрозрачность. например.
Использование RGBA над opacity означает, что ваши дочерние элементы не прозрачны.
Различным объектам на странице часто нужно указать цвет. Это можно сделать способами, которые рассмотрены в данной теме. Также мы рассмотрим, как установть в CSS прозрачный цвет элемента.
Название цвета
Существуют стандартные веб-цвета, которые имеют свои названия. Для их использования нужно указать название цвета. Например, чтобы задать текстовому элементу зелёный цвет, нужно установить ему такой стиль:
Чтобы найти таблицу веб-цветов, достаточно в любом поисковике набрать: веб-цвета.
Система RGB
Система RGB — это способ установки цвета с помощью совмещения трёх цветов — красного, зелёного и синего. Указывая интенсивность каждого из этих цветов, получается конкретный цвет. Для установки цвета в CSS свойстве сначала пишется слово rgb, а затем в скобках указываются три числа через запятую, сначала интенсивность красного цвета, потом интенсивность зелёного, потом интенсивность синего. Каждое число может иметь значение от 0 до 255. 0 — это минимальная интенсивность, а 255 — максимальная.
Например, чтобы установить тексту такой цвет, нужно указать ему следующий стиль:
Вместо чисел можно указывать проценты, 0% — это минимальная интенсивность, 100% — максимальная интенсивность. Тот же цвет можно получить, если установить стиль так:
RGBA — это такой же способ установки цвета, что и RGB. Но у него есть ещё одно число — альфа канал. Это степень прозрачности. Он позволяет установить в CSS порзрачный цвет, то есть сделать элемент прозрачным. При этом через элемент можно видеть фон блока или другой элемент, который оказался под текущим элементом при позиционировании. Прозрачность может иметь значения от 0 до 1. При 1 элемент является непрозрачным. При 0 элемент является полностью прозрачным, то есть, его не видно. Любое число между этими значениями делает элемент прозрачным. Для установки цвета в CSS свойстве пишется слово rgba, затем в скобках через запятую указываются цвета и прозрачность. Чтобы сделать текст таким же цветом, но при этом прозрачным, стиль нужно установить так:
Код в шестнадцатиричной системе
В CSS цвет можно установить с помощью числа в шестнадцатиричной системе счисления. Число состоит из шести знаков — первые два знака устанавливают интенсивность красного цвета, вторые два знака устанавливают интенсивность зелёного цвета, третьи два знака устанавливают интенсивность синего. Перед числом ставится знак #. Чтобы устаносить такой же цвет текста, стиль нужно указать так:
Если в каждом из трёх значений цвета знаки повторяются, то цвет можно задать не шестизначным числом, а трёхзначным. Для примера установим разными способами один и тот же цвет:
В коде цвета буквы могут быть как большими, так и маленькими.
Система HSL
При установке цвета в системе HSL, указываются три параметра — оттенок, насыщенность и осветление. Оттенок определяется на основе цветового кгруга. Он указывается в градусах от 0 до 360. 0 градусов соответствует самому верху круга. При этом, никаких знаков ставить не нужно, указывается просто число.
Насыщенность определяет яркость цвета. Она указывается в процентах от 0 до 100.
Осветление может сделать цвет более светлым или более тёмным. Указывается также в процентах. Для установки цвета пишется слово hsl, затем в скобках перечисляются параметры.
Чтобы задать тексту тот же цвет, нужно указать ему следующий стиль:
HSLA — это способ установки цвета, при котором так же, как и при RGBA, есть альфа канал, устанавливающий прозрачный цвет элемента. Прозрачность также принимает значения от 0 до 1. Для установки цвета пишется слово hsla, затем в скобках указываются параметры и прозрачность. Чтобы сделать текст таким же цветом, но при этом прозрачным, ему нужно установить такой стиль:
Старые браузеры
RGBA, HSL и HSLA — это относительно новые способы установки цвета. В старых браузерах они не работают. Например, в IE они добавлены, начиная с 9 версии. Но в современных браузерах они есть, поэтому при их использовании, у абсолютного большинства пользователей цвета будут отображаться нормально.
Коприрование материалов сайта возможно только с согласия администрации
На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.
В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.
Таблица HTML цветов
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
Загрузка...
