Как часть блока сделать прозрачной?

@ksiom · Регистрация: 15.07.2013

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

Здравствуйте.

Блок задан следующим образом:

CSS
1
2
3
4
5
6
7
8
9
10
.mainWraper
{
    margin-top: 21px;
    margin-left: 14px;
    background-color: rgba(238, 235, 235, 0.9);
    border-radius: 10px 10px 0px 0px;
    width: 288px;
    height: 229px;
    position: relative;
}

Можно ли как-нибудь средствами css сделать в этом блоке полностью прозрачный участок, например следующим образом? (Чтобы в углу блока появился прозрачный круг, пример во вложении)

Как можно решить эту проблему более красиво, не прибегая к прямому использованию картинок?

@Ruisenor · 15.07.2013, 12:58

ваш рисунок не видно - может залейте его еще раз

@ksiom · 15.07.2013, 13:01 **[ТС]**

Прошу прощения, отредактировал.

@Ruisenor · 15.07.2013, 13:08

те если я правильно понял нужно на однородном цвете созданном в css нужно еще создать круг в котором отсутствует этот цвет ?

@ksiom · 15.07.2013, 13:14 **[ТС]**

Сообщение от Ruisenor

те если я правильно понял нужно на однородном цвете созданном в css нужно еще создать круг в котором отсутствует этот цвет ?

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

@Ruisenor · 15.07.2013, 13:29

те цвет будет один для фона - просто сверху наложить круг с прозрачным фоном ? Простите не могу уловить ваш замысел

@ksiom · 15.07.2013, 13:31 **[ТС]**

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

@Ruisenor · 15.07.2013, 13:40

вот здесь посмотрите материал

@ksiom · 15.07.2013, 13:43 **[ТС]**

Это не то

Так можно сделать прозрачным сам круг, а нужно, чтобы этот круг делал прозрачным родительский блок.

@Ruisenor · 15.07.2013, 18:26

теперь проясняется - подумаю

Добавлено через 1 час 2 минуты
чуть позже напишу есть мысль - наложить див с тем же цветом но с прозрачностью 100% и с помощью z-индекса
если получиться отпишу сразу

Добавлено через 3 часа 30 минут
Создайте див в нем с помощью css нарисуйте круглую рамку ( єто можно сделать ) залейте цвет фона белый . Например основной фон у вас черный и этот круг залейте белым и с помощью позиционирования установите этот див туда куда нужно . А белым потому что если убрать фон то по умолчанию цвет будет белый - и тогда у вас получиться как бы прозрачный круг

@ksiom · 15.07.2013, 18:46 **[ТС]**

Так вся проблема в том, что фон родительского блока не белый, а произвольный

@Ruisenor · 15.07.2013, 18:51

если вы не назначите цвет фона то он будет белый по умолчанию

Новые блоги и статьи Все статьи Все блоги /
Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 12:58
	ваш рисунок не видно - может залейте его еще раз 0

@ksiom 0 / 0 / 0 Регистрация: 15.07.2013 Сообщений: 6
	15.07.2013, 13:01 [ТС]
	Прошу прощения, отредактировал. Изображения 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 13:08
	те если я правильно понял нужно на однородном цвете созданном в css нужно еще создать круг в котором отсутствует этот цвет ? 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 13:29
	те цвет будет один для фона - просто сверху наложить круг с прозрачным фоном ? Простите не могу уловить ваш замысел 0

@ksiom 0 / 0 / 0 Регистрация: 15.07.2013 Сообщений: 6
	15.07.2013, 13:31 [ТС]
	Есть блок, и нужно наложить на него круг, который как бы делал в нем дырку, т.е в этом месте делал этот блок прозрачным. 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 13:40
	вот здесь посмотрите материал 0

@ksiom 0 / 0 / 0 Регистрация: 15.07.2013 Сообщений: 6
	15.07.2013, 13:43 [ТС]
	Это не то Так можно сделать прозрачным сам круг, а нужно, чтобы этот круг делал прозрачным родительский блок. 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 18:26
	теперь проясняется - подумаю Добавлено через 1 час 2 минуты чуть позже напишу есть мысль - наложить див с тем же цветом но с прозрачностью 100% и с помощью z-индекса если получиться отпишу сразу Добавлено через 3 часа 30 минут Создайте див в нем с помощью css нарисуйте круглую рамку ( єто можно сделать ) залейте цвет фона белый . Например основной фон у вас черный и этот круг залейте белым и с помощью позиционирования установите этот див туда куда нужно . А белым потому что если убрать фон то по умолчанию цвет будет белый - и тогда у вас получиться как бы прозрачный круг 0

@ksiom 0 / 0 / 0 Регистрация: 15.07.2013 Сообщений: 6
	15.07.2013, 18:46 [ТС]
	Так вся проблема в том, что фон родительского блока не белый, а произвольный 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	15.07.2013, 18:51
	если вы не назначите цвет фона то он будет белый по умолчанию 0