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

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

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

если браузер IE9 и выше, то возможно через SVG получится...
Шесть глав хорошего руководства
На хабре (справа еще есть большой список статей)
...
Рейтинг: 0 / 0
Как сделать прозрачным места наложения/пересечения стилей?
    #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
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать прозрачным места наложения/пересечения стилей?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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