Я создаю новый веб-сайт, и я ищу прозрачную панель навигации, чтобы фон был виден.
Emiel.s 12 авг. 2013, в 16:29
Поделиться
Поделиться:
8 ответов
Лучший ответ
Нет прозрачного цветового кода, но есть стиль непрозрачности. Ознакомьтесь с документацией об этом на developer.mozilla.org Возможно, вам захочется установить цвет элемента, а затем применить к нему непрозрачность.
.transparent-style
Вы можете использовать некоторую онлайн-генератор прозрачности, которая также даст вам специфические для браузера стили. например взгляните на http://www.css-opacity.pascal-seven.de/ Обратите внимание, что, что при установке прозрачности элемента любой дочерний элемент также становится прозрачным. Поэтому вам действительно нужно наложить все остальные элементы. Вы также можете попробовать использовать цвет RGBA, используя настройку Alpha (A), чтобы изменить непрозрачность. например.
.transparent-style
Использование RGBA над opacity означает, что ваши дочерние элементы не прозрачны.
Tim B James 12 авг. 2013, в 15:26
Источник: overcoder.net
Есть ли код цвета для прозрачности в HTML?
Я создаю новый веб-сайт, и я ищу прозрачную панель навигации, чтобы фон был виден.
ОТВЕТЫ
Ответ 1
Нет прозрачного цветового кода, но есть стиль непрозрачности. Ознакомьтесь с документацией об этом на developer.mozilla.org
Возможно, вам захочется установить цвет элемента, а затем применить к нему непрозрачность.
.transparent-style
Вы можете использовать некоторую онлайн-генератор прозрачности, которая также даст вам специфические для браузера стили. например взгляните на http://www.css-opacity.pascal-seven.de/
Обратите внимание, что, что при установке прозрачности элемента любой дочерний элемент также становится прозрачным. Поэтому вам действительно нужно наложить все остальные элементы.
Вы также можете попробовать использовать цвет RGBA, используя настройку Alpha (A), чтобы изменить непрозрачность. например.
.transparent-style
Использование RGBA над opacity означает, что ваши дочерние элементы не прозрачны.
Ответ 2
Если у вас есть 6-значный цветовой код, например. #ffffff, замените его на # 00ffffff. Просто добавьте 2 нуля после #, чтобы сделать прозрачный цвет.
Ответ 3
Вы можете указать значение background-color с помощью rgba(), например:
.style
0.5 — значение прозрачности
0.5 больше похож на полупрозрачный, меняя значение от 0,5 до 0, я получил истинную прозрачность.
Ответ 4
#0000ffff — это код, который вам нужен для прозрачности. Я просто сделал это, и это сработало.
Ответ 5
Ответ 6
Да, я думаю, что лучший способ прозрачного цвета фона (сделать непрозрачность только для фона) использует
NEW Discord Nitro Feature Update! How You Can Change The Color Theme Of Your Discord Application?
.style
Вышеуказанный оператор 0.5 — это значение непрозрачности.
Применяет только изменения непрозрачности к цвету фона (не все элементы)
Атрибут «непрозрачность» в CSS будет прозрачным для всех элементов в блоке.
Ответ 7
Здесь вместо того, чтобы сделать панель навигации прозрачной, удалите все атрибуты цвета из панели навигации, чтобы сделать фон видимым.
Странно, я наткнулся на это, думая, что мне нужен прозрачный цвет, но мне нужно только удалить атрибуты цвета.
.some-class
.some-class
Ответ 8
Все, что вам нужно, это:
#ffffff00
Здесь ffffff — цвет, а 00 — прозрачность
Кроме того, если вы хотите 50% прозрачного цвета, тогда вы можете сделать это. #ffffff50
А так как в прозрачном мы хотим 0 непрозрачность, пишем 00
Источник: utyatnishna.ru
Установка цвета в CSS
Различным объектам на странице часто нужно указать цвет. Это можно сделать способами, которые рассмотрены в данной теме. Также мы рассмотрим, как установть в CSS прозрачный цвет элемента.
Название цвета
Существуют стандартные веб-цвета, которые имеют свои названия. Для их использования нужно указать название цвета. Например, чтобы задать текстовому элементу зелёный цвет, нужно установить ему такой стиль:
color: Green;
Чтобы найти таблицу веб-цветов, достаточно в любом поисковике набрать: веб-цвета.
Система RGB
- сначала интенсивность красного цвета
- потом интенсивность зелёного
- потом интенсивность синего
Каждое число может иметь значение от 0 до 255. 0 — это минимальная интенсивность, а 255 — максимальная.
Например, чтобы установить тексту такой цвет, нужно указать ему следующий стиль:
color: rgb(156, 22, 181);
color: rgb(61%, 0.8%, 71%);
RGBA
RGBA — это такой же способ установки цвета, что и RGB. Но у него есть ещё одно число — альфа канал. Это степень прозрачности. Он позволяет установить в CSS порзрачный цвет, то есть сделать элемент прозрачным.
При этом через элемент можно видеть фон блока или другой элемент, который оказался под текущим элементом при позиционировании. Прозрачность может иметь значения от 0 до 1. При 1 элемент является непрозрачным. При 0 элемент является полностью прозрачным, то есть, его не видно. Любое число между этими значениями делает элемент прозрачным. Для установки цвета в CSS свойстве пишется слово rgba, затем в скобках через запятую указываются цвета и прозрачность. Чтобы сделать текст таким же цветом, но прозрачным, стиль нужно установить так:
color: rgba(156, 22, 181, 0.5);
Код в шестнадцатиричной системе
- первые два знака устанавливают интенсивность красного цвета
- вторые два знака устанавливают интенсивность зелёного
- третьи два знака устанавливают интенсивность синего
Перед числом ставится знак #. Чтобы устаносить такой же цвет текста, стиль нужно указать так:
color: #9C16B5;
Если в каждом из трёх значений цвета знаки повторяются, то цвет можно задать не шестизначным числом, а трёхзначным. Для примера установим разными способами один и тот же цвет:
color: #FFCC00; color: #FC0;
В коде цвета буквы могут быть как большими, так и маленькими.
Система HSL
При установке цвета в системе HSL, указываются три параметра — оттенок, насыщенность и осветление. Оттенок определяется на основе цветового кгруга. Он указывается в градусах от 0 до 360. 0 градусов соответствует самому верху круга. При этом, никаких знаков ставить не нужно, указывается просто число.
Насыщенность определяет яркость цвета. Она указывается в процентах от 0 до 100.
Осветление может сделать цвет более светлым или более тёмным. Указывается также в процентах. Для установки цвета пишется слово hsl, затем в скобках перечисляются параметры.
Чтобы задать тексту тот же цвет, нужно указать ему следующий стиль:
color: hsl(291, 88%, 39%);
HSLA
HSLA — это способ установки цвета, при котором так же, как и при RGBA, есть альфа канал, устанавливающий прозрачный цвет элемента. Прозрачность также принимает значения от 0 до 1. Для установки цвета пишется слово hsla, затем в скобках указываются параметры и прозрачность. Чтобы сделать текст таким же цветом, но при этом прозрачным, ему нужно установить такой стиль:
color: hsla(291, 88%, 39%, 0.5);
Подбор цвета
Подобрать нужный цвет можно, используя графический редактор. Например, в Photoshop для выбранного цвета показываются параметры во всех рассмотренных системах. Многие другие редакторы имеют подобную функцию. Современные редакторы кода тоже помогают подобрать цвет, когда вы работаете с файлом в формате css.
В том числе, Visual studio code даёт такую возможность. Если вам нужен цвет элемента другого сайта, то вы можете найти этот элемент с помощью средств разаработки, которые есть в браузерах. В свойствах элемента вы найдёте нужный цвет.
Коприрование материалов сайта возможно только с согласия администрации
Источник: basecourse.ru