Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать прозрачным места наложения/пересечения стилей? / 14 сообщений из 14, страница 1 из 1
19.01.2015, 15:03
    #38857617
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
jsfiddle

Как сделать прозрачным(на 100%) участок(часть линии-border) только(!!!) под "лаймовой" линией?
P.S.: не двигая ничего влево или вправо и вверх или вниз.
...
Рейтинг: 0 / 0
20.01.2015, 09:02
    #38858075
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
up
...
Рейтинг: 0 / 0
20.01.2015, 10:15
    #38858150
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
Насколько я понимаю в медицине это сделать нельзя.
...
Рейтинг: 0 / 0
20.01.2015, 10:29
    #38858166
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
Поэтому я спрашиваю не в медицине.
...
Рейтинг: 0 / 0
20.01.2015, 12:00
    #38858326
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
its_me, сделайте лаймовую линию отдельно от прозрачного участка.
...
Рейтинг: 0 / 0
20.01.2015, 12:16
    #38858342
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
В смысли вниз ее опустить? Здесь я представил пример проблемы, смысл в том что есть 2 бордера один над другим и надо сделать участок пересечения их полностью прозрачным(насквозь), этот участок определяется самым коротким бордером.
...
Рейтинг: 0 / 0
20.01.2015, 16:51
    #38858706
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
its_meВ смысли вниз ее опустить?Нет. Сделать её отдельно, то есть отдельным элементом, чтобы к ней не применялась прозрачность.
...
Рейтинг: 0 / 0
20.01.2015, 16:59
    #38858721
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
skyANAits_meВ смысли вниз ее опустить?Нет. Сделать её отдельно, то есть отдельным элементом, чтобы к ней не применялась прозрачность.

Вообще она тут находится для наглядности более, и вообще не нужна, нужен прозрачный участок на ее месте, а этому препятствует серая линия(она проходит по этому участку).
...
Рейтинг: 0 / 0
21.01.2015, 12:02
    #38859490
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
up
...
Рейтинг: 0 / 0
21.01.2015, 16:04
    #38859851
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
...
Рейтинг: 0 / 0
22.01.2015, 11:56
    #38860479
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
up
...
Рейтинг: 0 / 0
26.01.2015, 09:14
    #38862892
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
up
...
Рейтинг: 0 / 0
26.01.2015, 10:27
    #38862976
_user89
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
its_me,

если браузер IE9 и выше, то возможно через SVG получится...
Шесть глав хорошего руководства
На хабре (справа еще есть большой список статей)
...
Рейтинг: 0 / 0
29.01.2015, 16:21
    #38866894
its_me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать прозрачным места наложения/пересечения стилей?
Сделал, вариант не идеальный(есть погрешность и надо учитывать браузеры), вкратце так:

Код: css
1.
2.
3.
	  border-image: linear-gradient(to right, gray 5px, white 5px, white 80px, gray 80px);

	  border-image-slice: 0 0 1 1;



ну и тут ещё . Один минус для меня - SVG не задействовал и как следствие пока не разобрался в нём. Спасибо _user89 за наводку.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать прозрачным места наложения/пересечения стилей? / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]