Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/23: Рейтинг темы: голосов - 23, средняя оценка - 4.57
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
1

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

15.07.2013, 12:28. Просмотров 4305. Ответов 11
Метки нет (Все метки)

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

Блок задан следующим образом:
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 сделать в этом блоке полностью прозрачный участок, например следующим образом? (Чтобы в углу блока появился прозрачный круг, пример во вложении)

Как можно решить эту проблему более красиво, не прибегая к прямому использованию картинок?
0
Изображения
 
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.07.2013, 12:28
Ответы с готовыми решениями:

Как сделать навигацию прозрачной и фиксированной на Bootstrap 3
Добрый день! Верстаю макет и появилась проблема: не могу сделать меню...

Как сделать, чтобы последняя строчка в параграфе пропадала - становилась прозрачной?
Как сделать чтобы последняя строчка в параграфе пропадала - становилась...

эхо выводит картинку 200х250 , то есть часть картинки которая сама имеет размеры 1000х659, как сделать чтобы в этих 200х250 была не часть
эхо выводит картинку 200х250 , то есть часть картинки которая сама имеет...

Внутри родительского блока сделать отступ дочернего блока сверху автоматически
Здравствуйте, как с помощью css внутри родительского блока сделать отступ...

Как сделать 2 симметричных блока?
У меня имеется разметка страницы,и располагается 2 блока слева,как сделать 2...

11
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 12:58 2
ваш рисунок не видно - может залейте его еще раз
0
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
15.07.2013, 13:01  [ТС] 3
Прошу прощения, отредактировал.
0
Изображения
 
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 13:08 4
те если я правильно понял нужно на однородном цвете созданном в css нужно еще создать круг в котором отсутствует этот цвет ?
0
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
15.07.2013, 13:14  [ТС] 5
Цитата Сообщение от Ruisenor Посмотреть сообщение
те если я правильно понял нужно на однородном цвете созданном в css нужно еще создать круг в котором отсутствует этот цвет ?
Немного не так, нужно создать круг, не в котором отсутствует цвет, а который является прозрачным для основного фона.
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 13:29 6
те цвет будет один для фона - просто сверху наложить круг с прозрачным фоном ? Простите не могу уловить ваш замысел
0
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
15.07.2013, 13:31  [ТС] 7
Есть блок, и нужно наложить на него круг, который как бы делал в нем дырку, т.е в этом месте делал этот блок прозрачным.
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 13:40 8
вот здесь посмотрите материал
0
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
15.07.2013, 13:43  [ТС] 9
Это не то
Так можно сделать прозрачным сам круг, а нужно, чтобы этот круг делал прозрачным родительский блок.
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 18:26 10
теперь проясняется - подумаю

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

Добавлено через 3 часа 30 минут
Создайте див в нем с помощью css нарисуйте круглую рамку ( єто можно сделать ) залейте цвет фона белый . Например основной фон у вас черный и этот круг залейте белым и с помощью позиционирования установите этот див туда куда нужно . А белым потому что если убрать фон то по умолчанию цвет будет белый - и тогда у вас получиться как бы прозрачный круг
0
ksiom
0 / 0 / 0
Регистрация: 15.07.2013
Сообщений: 6
15.07.2013, 18:46  [ТС] 11
Так вся проблема в том, что фон родительского блока не белый, а произвольный
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
15.07.2013, 18:51 12
если вы не назначите цвет фона то он будет белый по умолчанию
0
15.07.2013, 18:51
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
15.07.2013, 18:51

Как сделать тень у блока
как сделать затемнение как показано на шаблоне в фотошопе через css?

Как сделать уголок у блока
Здравствуйте! Не подскажите как сделать вот такой вот уголок у блока?

Как сделать подсветку див блока?
Мне нужно сделать чтобы при наведении на DIV он или "вдавливался" или...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru