Прозрачный блок, внутри его не прозрачный

@zasadadada · Регистрация: 03.05.2013

Author24 — интернет-сервис помощи студентам

Скажите пожалуйста, можно ли сделать

HTML5

<div opacity 0.5 цвет белый>
  <div opacity 1  цвет красный размер 50 процентов>
 
  </div>
</div>

Что бы нижний был прозрачный блок, а внутри него нет?

@Mailo · 31.05.2017, 17:08

Оба блока можно запихнуть в третий и спозиционировать их похожим образом либо абсолютно, либо отрицательными маржинами или ещё каким фокусом. Также есть два фокуса с фоном, один это прозрачный пиксель.png зарепиченный по всему блоку второй фокус с rgb, можете прочитать про это в интернете или скопирвать к примеру с css hat в фотошопе, если работаете с данными инструментами. А так то по логике всё что внутри прозрачного блока и должно быть прозрачным.

@mrtoxas · 31.05.2017, 17:18

zasadadada, замените "opacity 0.5 цвет белый" на

CSS

1	background-color:rgba(255,255,255,.5);

И будет вам прозрачность только у родительского блока.

@zasadadada · 31.05.2017, 18:40 **[ТС]**

Через абсолютное позиционирование не делаю, с ним проблемы возникают на телефонах, спасибо работает.

Блоги программистов
Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного суматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .	Применение компонентов PrimeVue в Vue.js 3 на TypeScript BasicMan 04.01.2025 Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .
Как стать Senior developer cpp_developer 04.01.2025 В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .	Что известно о дате выхода Windows 12 и чего от нее ждать IT_Exp 04.01.2025 В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .	Что новенького в .NET Core 9 Programming 04.01.2025 Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .	Инструкция по установке python3.13.1 в Debian 12 AlexSky-coder 03.01.2025 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .	Затестил триггеры. архив проекта прилагаю с GOA файлами в настройках архиватора проектов. Hrethgir 03.01.2025 В этот раз нет закольцованности, потому что от неё только глюки, как я понял, логика не вырезанная. Триггеры очень быстрые если верить измерениям с помощью анализатора от Gowin. Есть ещё регистры,. . .	Python в помощь DevOps IT_Exp 03.01.2025 Причины использования Python в работе DevOps Python стал неотъемлемой частью мира DevOps, и это не случайно. Этот язык программирования обладает множеством преимуществ, которые делают его. . .

@Mailo 244 / 221 / 31 Регистрация: 18.02.2010 Сообщений: 2,275
	31.05.2017, 17:08	2
	Оба блока можно запихнуть в третий и спозиционировать их похожим образом либо абсолютно, либо отрицательными маржинами или ещё каким фокусом. Также есть два фокуса с фоном, один это прозрачный пиксель.png зарепиченный по всему блоку второй фокус с rgb, можете прочитать про это в интернете или скопирвать к примеру с css hat в фотошопе, если работаете с данными инструментами. А так то по логике всё что внутри прозрачного блока и должно быть прозрачным. 0

@zasadadada 81 / 40 / 22 Регистрация: 03.05.2013 Сообщений: 722
	31.05.2017, 18:40 [ТС]	4
	Через абсолютное позиционирование не делаю, с ним проблемы возникают на телефонах, спасибо работает. 0

Прозрачный блок, внутри его не прозрачный

Решение