X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вырезать круглую часть из блока
wadya87
wadya87
Topic Starter сообщение 11.10.2012, 18:41; Ответить: wadya87
Сообщение #1


Подскажите, это реально, пусть и не кроссбраузерно?

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

Задача в том, чтобы:
-никаких картинок, только css
-граница (красная) была полупрозрачной, (использовал border:5px solid rgba(169, 62, 37, 0.5); )
-фон внутри блока градиент (с помощью сайта, первый попавшийся через поиск)
-резиновый в ширину/длину (через min-width, min-height)
-круг фиксированный (блок с border-radius = width = height)

http://freecodes.ru/block.html
Вот как вышло для однообразного фона (в фаербаге можно цвета менять, текста добавить, чтоб убедиться в прозрачности и резинке).

Может в css3 есть какой-то вариант? Или вобще идеи? Помогите пожалуйста.

Сообщение отредактировал wadya87 - 11.10.2012, 18:41


--------------------
Верстаю html, делаю калькуляторы (js, php)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Anatoly_ua
Anatoly_ua
сообщение 12.10.2012, 0:19; Ответить: Anatoly_ua
Сообщение #2


(wadya87 @ 11.10.2012, 17:41) *
Может в css3 есть какой-то вариант? Или вобще идеи? Помогите пожалуйста.

Тут вот нарыл вариант с "инверсными" скруглениями:
http://jonmifsud.com/blog/inverse-border-radius-in-css/
Я бы попробовал верхнюю часть прямоугольника (ту, которая с вырезом) сделать составной, из двух половинок (т.е. всего 3 основных блока). Мне кажется, должно получиться.
---------\      /---------
|    1     \__/       2   |
|           |             |
-------------------------
|                        |
|             3          |
|                        |
|                        |
-------------------------


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1670 10.7.2020, 15:18
автор: -bhtml-
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыCPA сеть admitad.com | Официальный топик Часть 2
105 Antony_ADmitAD 27734 17.3.2020, 10:59
автор: r0mZet
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыadmitad.com | партнерская сеть - часть 2
Официальный топик партнерской сети admitad.com
92 Antony_ADmitAD 48969 4.3.2019, 14:45
автор: admitad_official
Открытая тема (нет новых ответов) Програмная часть сайта
0 wmmarket 1731 20.10.2016, 0:35
автор: wmmarket
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4842 16.7.2016, 17:32
автор: -YroKPROG-


 



RSS Текстовая версия Сейчас: 24.4.2024, 7:49
Дизайн