Html — Проблема с прозрачностью в HTML


Содержание

CSS: Прозрачность

Прозрачность картинки

Для создания эффекта прозрачности в CSS используется свойство opacity.

Браузер IE8 и более ранние его версии поддерживают альтернативное свойство — filter:alpha(opacity=x) , где » x » может принимать значение от 0 до 100 , чем меньше значение, тем прозрачнее будет элемент.

Все остальные браузеры поддерживают стандартное CSS свойство opacity , которое может принимать в качестве значения числа от 0.0 до 1.0 , чем меньше значение, тем прозрачнее будет элемент:

Прозрачность при наведении

Псевдо-класс :hover позволяет изменять внешний вид элементов при наведении на них курсора мыши. Мы воспользуемся этой возможностью, чтобы изображение при наведении мыши теряло свою прозрачность:

Прозрачность фона

Есть два возможных способа сделать элемент прозрачным: свойство opacity , описанное выше, и указание цвета фона в RGBA формате.

Возможно вы уже знакомы с моделью представления цвета в формате RGB . RGB (Red, Green, Blue — красный, зеленый, синий) — цветовая система, определяющая оттенок путем смешивания красного, зеленого и синего цветов. Например, для задания желтого цвета для текста можно воспользоваться любым из следующих объявлений:

Цвета, заданные с помощью RGB , будут отличаться от шестнадцатеричных значений, используемых нами до этого тем, что позволяют использовать альфа-канал прозрачности. Это значит, что сквозь фон элемента с альфа-прозрачностью будет видно то, что располагается под ним.

Объявление цвета RGBA схоже по синтаксису со стандартными правилами RGB . Однако, кроме всего прочего, нам потребуется объявить значение как RGBA (вместо RGB ) и задать дополнительное десятичное значение прозрачности после значения цвета в промежутке от 0.0 (полная прозрачность) до 1 (полная непрозрачность).

Разница между свойством opacity и RGBA заключается в том, что свойство opacity применяет прозрачность ко всему элементу целиком, то есть все содержимое элемента становится прозрачным. А RGBA позволяет задать прозрачность отдельным частям элемента (например, только тексту или фону):

CSS прозрачность

Задача

Сделать элемент HTML (например выпадающее меню) полупрозрачным.

Выпадающее меню с полупрозрачностью
(opacity=0.5) Выпадающее меню без прозрачности

Решение

В стилях для нужного элемента задаем:

Теория

W3C в своей рекомендации CSS3 задает свойство opacity для применения эффекта прозрачности элементов. Степень прозрачности задается в диапазоне 0 (полностью прозрачен) до 1 (полностью не прозрачен).

К сожалению еще не все браузеры поддерживают opacity. Для полной кроссбраузерности применяем:

    filter:prog >filter, -moz-opacity, -khtml-opacity валидации не проходят. Opacity — только CSS Level 3.

Возможные проблемы

Не работает в IE. Причина — не указаны width и height. Или можно добавить zoom: 1

Делаем полупрозрачный фон

При добавлении эффекта прозрачности элементу, все вложенные элементы тоже становятся прозрачными. Из-за этого могут возникнуть некоторые трудности, например, текст становится трудночитаемым. Для решения этой проблемы применяется метод с использование прозрачного фона. В качестве примера будем использовать выпадающее меню. HTML код:

PNG и прозрачность в IE6

Проблема

IE 6 не отображает корректно прозрачность PNG-24 (альфа канал).

Вот так png-24 отображается
«нормальными» браузерами
Вот так отображает png ИЕ6
(прозрачные участки заливает серым фоном)

Заметка: PNG-24 иммет ряд преимуществ перед GIF и PNG-8, где прозрачность в ие корректно отображается:

  • PNG-24 может обеспечивать альфа-прозрачность (256 уровней прозрачности), в отличии от GIF и PNG, где всего два уровня — абсолютно прозрачно и абсолютно не прозрачно
  • поддерживает миллионы цветов

Решения

Метод 1 — применение фильтра AlphaImageLoader

1.1. Для фонового изображения

Параметр src указывает путь к файлу изображения. Фильтр может иметь дополнительный параметр sizingMethod, который указывает, если изображение не соответствует размерам элемента, в который оно загружается:

  • crop — обрезать изображение, если оно больше размеров объекта родителя
  • image — увеличить или уменьшить объект по размеру изображения (по умолчанию)
  • scale — изменить масштаб изображения по размеру родителя

Плюс — просто в реализации.

  • требует хак для IE6
  • не проходит валидацию
  • замедляет работу браузера (об этом будет написано подробнее позже)
  • некотрые трудности со слоями z-index
  • нет возможности использовать background-repeat
  • нет возможности использовать background-position
При использовании фильтра в ие6 не отображается фоновый рисунок

Этот баг возможен из-за неверно указанного пути к файлу. Чтобы картинка 100% находилась используем полный путь к файлу:

Второй вариант (более универсальный) — использовать тег для составления корректных относительных адресов, а путь в фильтре относительный, начиная со слеша:

При использовании фильтра в ие6 становятся не кликабильными вложенные элементы (ссылки, кнопки)

Решения:
1. Иногда помогает, если прописать вложенным элементам свойство position: relative;

2. Если применять AlphaImageLoader для элементов со свойствами position: absolute или position: relative, тогда для вложенных элементов предыдущий способ не помогает:

Результат. Решение — выносить фоновый рисунок в отдельный div:

В ссылках в IE6 не кликабильны прозрачные части изображений

При использовании прозрачных фоновых изображений для ссылок (например в логотипах), в ие6 нельзя кликнуть по прозрачному участку. HTML для логотипа этого примера:

1.2. Применение AlphaImageLoader для картинок (img). HTML:

Цукерберг рекомендует:  Обучение андроид разработке - курсы по созданию приложений для android

Пример.Плюс — работает. Минусы:

  • виден кусочек основного рисунка —
  • значительно замедляет работу браузера (альфа фильтр + 2 expression)
  • замедляет отображение страницы, из-за не указынных явно размеров картинки. Если задать размер картинки, баг с куском основного рисунка увеличивается —
  • не работают нормально ссылки на таких рисунках (некликабильны прозрачные участки)
Метод 2 — замена фона прозрачным gif скриптом (behavior)

Для этого воспользуемся механизмом behavior, не являющийся стандартом CSS, но позволяющий описать поведение стиля в зависимости от событий, которые происходят при отображении веб-страницы. Поддерживает IE5+. Необходимые действия:

  1. добавляем в свой проект файл (например сохраняем в корень) iepngfix.htc (3.2 Kb) — скрипт для замены серого фона на прозрачный
  2. сохраняем blank.gif (52 b) — прозрачный gif размером 1х1, которым будет заменен серый фон в IE
  3. изменяем в iepngfix.htc путь к файлу blank.gif на свой
  4. создаем класс .png < behavior: url( /iepngfix.htc); >
  5. применяем этот класс для png-изображений с альфа прозрачностью

Результат. Для избежания значительного замедления работы браузера, применяем этот метод только к картинка с прозрачностью. Для того чтобы замедления сказывались только для IE6 используем условные комментарии. Преимущества:

  • компактный код
  • ссылки на таких изображениях работают нормально
  • при загрузке страницы пользователь, до отработки скрипта, видит картинки с серым фоном
  • замедляет работу браузера (IE)
  • замедляет скорость загрузки страницы (IE)
  • часто требует явного указания размера картинки (width и height)
  • в «чистом» виде не позволяет реализовать background-repeat и background-position
  • не проходит валидацию
Метод 3 — PNG прозрачность в IE6 с background-repeat и background-position (DD_belatedPNG)

Drew Diller предложил использовать скрипт, который позволяет использовать прозрачный png в ие6 «по настоящему»:

  • позволяет использовать прозрачность в картинках (img)
  • кликабильна вся область ссылок-картинок (включая прозрачные участки)
  • позволяет использовать в фоновых изображениях свойства background-repeat и background-position
  • нет проблем с z-слоями
  • легкий скрипт


Непрозрачность

На этой странице

CSS-свойство opacity устанавливает непрозрачность элемента. Непрозрачность — это степень, в которой содержимое скрывается за элементом, является противоположностью прозрачности.

The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

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

Использование opacity со значением, отличным от 1 , помещает элемент в новый контекст наложения.

Синтаксис

Значения

— тип хранения данных в CSS представляющий собой число: либо целое, либо с дробной частью.»> number в пределах от 0.0 до 1.0 , включительно, представляет непрозрачность канала (т.е. значение его альфа-канала). Любое значение вне интервала, хотя и является валидным, округляется до ближайшего предела в диапазоне.

Значение Действие
Элемент полностью прозрачен (он становится невидимым).
Любое — тип хранения данных в CSS представляющий собой число: либо целое, либо с дробной частью.»> number строго между 0 aи 1 Элемент полупрозрачный (т.е. содержимое элемента можно увидеть).
1 (значение по умолчанию) Элемент полностью непрозрачный (видимый).

Формальный синтаксис

Примеры

Базовый пример

Различная непрозрачность с :hover

Проблемы доступности

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

Коэффициент цветовой контрастности определяется путем сравнения яркости текста с откорректированной непрозрачностью и значением цвета фона. Чтобы соответствовать действующим Рекомендациям по доступности веб-контента (WCAG), для текстового содержимого требуется соотношение 4.5:1 и 3:1 для более крупного текста, такого как заголовки. Большой текст определяется как 18.66px и жирный или крупнее, или 24px или выше.

Как сделать прозрачный блок css стилями и идти в ногу с современными трендами сайтостроения

Доброго времени суток, гики веб-разработки, а также ее новички. Для тех, кто не следит за трендами IT-области, а точнее за веб-модой, я хочу торжественно сообщить, что эта публикация на тему: «Как сделать прозрачный блок css инструментами» вам как раз кстати. Ведь в текущем 2020 году внедрение в онлайн-сервисы различных прозрачных объектов считается стильным ходом.

Поэтому в этой статье я расскажу вам о всех существующих способах создания прозрачности, начиная от допотопных решений, сделаю акценты на совместимости решений с браузерами, а также приведу конкретные примеры программного кода. А теперь за работу!

Способ 1. Допотопный

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

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

Способ 2. Не замороченный

В редких случаях разработчики решают проблему с внедрением полупрозрачной картинки путем вставки…уже готовой полупрозрачной картинки! Для этого используются изображения, сохраненные в формате PNG-24. Данный графический формат позволяет задавать 256 уровней полупрозрачности.

CSS прозрачность (Opacity vs RGBA)

На этом уроке мы с вами разберем такие CSS свойства – opacity и RGBA. Свойство Opacity отвечает только за прозрачность элементов, а функция RGBA – за цвет и прозрачность, если указать значение прозрачности альфа-канала.

CSS прозрачность Opacity

Цифровое значение для opacity задано в пределах от 0.0 до 1.0, где ноль это полная прозрачность, а единица наоборот — абсолютная непрозрачность. Например, для того, чтобы увидеть 50% прозрачности, надо выставить значение в 0.5. Надо иметь ввиду, что opacity распространяется на все дочерние элементы родителя. А это значит, что и текст на полупрозрачном фоне, тоже будет полупрозрачным. А это уже очень существенный недостаток, текст не так хорошо выделяется.

Цукерберг рекомендует:  Css - Подскажите книги по HTML & CSS

Прозрачность через CSS Opacity

На скриншоте отчётливо видно, что черный текст стал таким же полупрозрачным, как и голубой фон.

div <
background: url(images/yourimage.jpg); /* Фон картинка */
width: 750px;
height: 100px;
margin: auto;
>
.blue <
background: #027ав4; /* Цвет полупрозрачного фона */
opacity: 0.3; /* Значение полупрозрачности фона */
height: 70px;
>
h1 <
padding: 6px;
font-family: Arial Black;
font-weight: bolder;
font-size: 50px;
>

CSS прозрачность в формате RGBA

Формат для записи цвета RGBA, является более современной альтернативой для свойства opacity. R (red), G (green), B(blue) – значит : красный, зеленый, синий. Последняя буква A – означает альфа-канал, который и задает прозрачность. RGBA в отличии от Opacity не влияет на дочерние элементы.

Теперь давайте рассмотрим наш пример с использованием RGBA. Заменим эти строчки в стилях.

background: ##027ав4; /* Цвет фона */
opacity: 0.3; /* значение полупрозрачности фона */

на следующую одну строку

background: rgba(2, 127, 212, 0.3);

Как вы видите значение прозрачности 0.3 совпадает у обоих методов.

Результат примера с RGBA:

Второй скриншот намного лучше смотрится, чем первый.

Играясь с полупрозрачностью фона блоков, можно добиться на сайте интересных эффектов. Важно, чтобы эти полупрозрачные блоки шли поверх пестрого рисунка, например фотографии. Только в этом случае эффект будет заметен. Этот прием уже давно применялся в дизайне, ещё до появления всяких CSS3, реализовывался он чисто в графических программах.

Если заказчик требует, чтобы верстка хорошо смотрелась и в старых версиях браузера Internet Explorer, тогда добавляйте свойство filter и не забудьте закомментировать, чтобы не пострадала валидность кода.

Вывод

Формат RGBA поддерживают все современные браузеры, за исключением Internet Explorer. Ещё очень важно, что RGBA гибок, он действует только на конкретный заданный элемент, не затрагивая дочерних. Понятно, что для верстальщика это удобнее. Мой выбор однозначно в пользу формата RGBA для получения прозрачности в CSS.

Для лучшего закрепления материала и большей наглядности, предлагаю вам пройти мой видео-курс.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):
  • Комментарии ( 1 ):

    спасибо за полезную статью.

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2020 Русаков Михаил Юрьевич. Все права защищены.

    Html — Проблема с прозрачностью в HTML

    Прозрачность в CSS довольно модная техника в последнее время, которая вызывает трудности в кроссбраузерной реализации. До сих пор не существует универсального метода, который бы позволял реализовать прозрачность для всех браузеров. Однако в последнее время ситуация заметно улучшилась.

    В этой статье подробно рассмотрены существующие подходы, а также приведены примеры кода и пояснения, которые помогут вам добиться одинакового результата во всех браузерах с минимальными трудозатратами.

    Стоит упомянуть следующий момент: несмотря на то что прозрачность используется вот уже в течение нескольких лет, она никогда не была частью стандарта CSS. Это нестандартное свойство, которое должно стать частью спецификации CSS3.

    Старый подход

    В старых версиях Firefox и Safari необходимо применять свойство следующим образом:

    Свойство -khtml-opacity использовалось в старых версиях webkit-браузеров. Это свойство устарело и больше не нужно, кроме случаев когда вы уверены, что значительная часть трафика вашего сайта исходит от посетителей, использующих Safari 1.x, что, конечно, маловероятно.

    В следующей строке используется свойство -moz-opacity, которое работало на очень ранних версиях движка Mozilla. Firefox прекратил его поддержку в версии 0.9.


    CSS прозрачность в Firefox, Safari, Chrome и Opera

    Для большинства современных браузеров достаточно использовать следующее свойство:

    В приведённом примере, элементу устанавливается значение непрозрачности 70% (30% прозрачности). То есть если мы установим значение в единицу, то элемент будет непрозрачным, и, соответственно, установка этого значения в ноль, сделает его невидимым.

    Свойством opacity обрабатывается 2 десятичных цифры. То есть значение «.01» будет отличаться от значения «.02», хоть это и мало заметно.

    CSS прозрачность для Internet Explorer

    Как обычно, Internet Explorer не дружит с остальными браузерами. К тому же у нас сейчас в довольно широком использовании три версии этого браузера, установка прозрачности в каждой из которых различна и иногда требует дополнительных усилий для получения положительного результата.

    В этом примере используется свойство filter, которое работает в версиях 6-8, однако для версий 6 и 7 есть одно ограничение: у элемента свойство hasLayout должно быть установлено в true. Это свойство присутствует только в IE и подробнее о нём можно почитать, например, на Хабре.

    Ещё один способ установить прозрачность используя CSS в IE8 — это использовать следующий подход (обратите внимание на комментарии):

    Первая строка будет работать во всех сейчас используемых версиях, вторая же — только в IE8. Обратите внимание, что во второй строке используется префикс -ms-, а значение взято в кавычки.

    Установка и изменение CSS прозрачности с помощью JavaScript или jQuery

    Вы можете использовать следующий код для установки прозрачности:

    Конечно же, в этом случае гораздо проще использовать jQuery, кроме того, работать будет во всех браузерах:

    Вы можете анимировать это свойство:

    Цукерберг рекомендует:  Token - Возможна ли ошибка в персонализации (Имя) в пуш-уведомлении

    Функция RGBA

    В CSS3 планируется поддержка альфа-канала с помощью функции rgba. Эта функция работает в Firefox 3+, Opera 10.1+, Chrome 2+, Safari 3.1+. Используется она так:

    В этом случае последний параметр указывает на уровень непрозрачности.

    Функция HSLA

    Подобно предыдущей функции, CSS3 также позволяет задать полупрозрачный цвет с помощью функции HSLA, параметры которой означают тон (Hue), насыщенность (Saturation), яркость (Lightness) и альфа-канал (Alpha).

    Подробнее об этой функции можно почитать на сайте W3.org.

    Важный момент при использовании функций rgba и hsla — это то, что установка прозрачности не применяется к дочерним элементам, тогда как использование свойства opacity — наследуется.

    Блог Vaden Pro

    В статье описывается особенность применения свойства, которое определяет прозрачность элементов на странице. Тут рассказывается о потенциальных проблемах и способах их решения.

    В настоящее время все чаще на сайтах можно встретить применение эффекта полупрозрачности элементов. Позволяет просвечивать один элемент так, чтобы можно было увидеть задний фон. В умелых руках дизайнера это становится эффектным приемом. Ниже представлен пример такого решения, когда цветной фон наложен на картинку:

    Теория и практика

    Реализуется данный подход с помощью свойства opacity. Предлагаю рассмотреть реальный практический пример и, отталкиваясь от него, будем изучать работу данного свойства.

    В браузере будет примерно такая картинка:

    Попрактиковались? Теперь подойдем ближе к теоретической стороне рассматриваемого вопроса.

    Свойство opacity, которое отвечает за эффект CSS прозрачности, было создано на основе спецификации CSS3. В его значении указывается степень непрозрачности элемента в десятичных долях. Говоря более понятным языком, запись значения 0.9 для изучаемого свойства в нашем примере означает, что элемент, которому присвоено свойство, не прозрачен на 90%. Соответственно, если будет указан в значении 0, то наш блок станет полностью прозрачным и не будет заметен. Не смотря на это, он не исчезает со страницы, так как остается зарезервированное место для него среди элементов.

    Главная проблема в использовании этого свойства заключается в показателе его кроссбраузерности. Так как свойство считается относительно молодым, то старые версии некоторых браузеров могут конфликтовать с ним. Чтобы этого избежать, нужно воспользоваться следующими свойствами и скриптом:

      filter:prog >К нежелательным эффектам использования этих вспомогательных свойств относится их неспособность пройти проверку на валидацию. Кстати само свойство opacity без проблем проходит проверку только в CSS Level 3 (так как свойство было включено именно в эту спецификацию).

    Чуть не забыл отметить еще один каприз его величества Internet Explorer. В некоторых версиях может не пройти прозрачность, если не указаны ширина и высота контейнера. Но паниковать еще рано, так как этот баг легко можно исправить с помощью такой записи:

    Это свойство должно относиться к стилю просвечиваемого блока.

    На заметку

    При назначении родительскому блоку прозрачности все его дочерние элементы становится тоже полупрозрачными, что приводит к ухудшению читабельности текста этого контейнера. Чтобы избежать этого нежелательного эффекта требуется просвечивать только фон. Для этого создается отдельный контейнер для фона, и отдельный – для контента. Не забываем установить уровень наложения контента с помощью свойства z-index, в противном случае требуемый эффект достигнут не будет.

    Вот так будет выглядеть наше решение в браузере

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

    Затемнение фона

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

    Не вижу смысла нагружать Вас новым кодом и предлагаю работать с предыдущим. В прошлой записи меняем только цвет фона с синего на черный и цвет шрифта на красный, чтобы сохранялся контраст. Да, еще думаю, для более эффективного затемнения повысим уровень непрозрачности до 0.7. Теперь, чтобы создать эффект затемнения, контейнер с черным фоном должен накладываться на контент, что также достигается через z-index.

    Наш предыдущий код принимает вид (HTML оставляем без изменений):

    Как задать прозрачность у главного и дочернего элемента?

    1) Есть главный блок — я ему задаю background-image: url(images/mybg.png);
    2) В нем есть несколько мелких блоков, типа текст

    Вопрос: как мне задать прозрачность для фоновой картини главного блока? (opacity), что бы при этом у дочерних элементов прозрачность была обычная.

    p.s пытался в лоб: у главного прописал opacity:0.5 а у дочерних opacity 1, но нифига не работает, почему?

    • Вопрос задан более трёх лет назад
    • 494 просмотра

    Картинку, которую ты используешь в качестве бекграунда, тебе надо сделать отдельным элементом и с помощью абсолютного позиционирования расположить его под текстовыми блоками. Пример:

    Либо сделать тоже самое, только картинку вставлять как бекграунд псевдоэлемента родительского блока.

    Прозрачность в CSS

    Средствами CSS можно задать прозрачность двумя способами.С помощью свойства opacity или свойства rgba.

    Opacity — Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.

    Синтаксис

    Степень прозрачности задается в диапазоне 0 (полностью прозрачен) до 1 (полностью не прозрачен).

    К примеру нам надо, чтобы наша картинка была на половину прозрачной

    HTML

    CSS

    Но к сожалению еще не все браузеры поддерживают opacity. Для полной кроссбраузерности применяем:

    filter:prog >CSS

    Так же на IE может не работать если не указаны width(ширина) или height(высота).

    RGBA

    Свойство RGBA позволяет задать фоновый цвет с альфа-каналом. Альфа-канал определяет прозрачность элемента.

    Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

    Синтаксис

    Допустим, нам нужен текст с прозрачным фоном.

    HTML

    CSS

    Отличия opacity от rgba

    opacity влияет на весь блок, включая текст. Создаёт новый контекст наложения. Дочерние теги не могут быть ярче родительского элемента.

    rgba влияет только на конкретное свойство. В данном случает позволяет видеть сквозь фон и не делает текст прозрачным.

    Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих