Как задать форму-границу действия ссылки изображения

W
На сайте с 12.03.2018
Offline
10
714

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

K
На сайте с 26.04.2017
Offline
19
#1

border-radius

Применить к самому изображению, а не к ссылке.

W
На сайте с 12.03.2018
Offline
10
#2
Kratech:
border-radius

Применить к самому изображению, а не к ссылке.

Изображение скруглится, а область действия останется прямоугольной. А мне надо и область действия (голобенькая форма такая при нажатии, если через f12) сделать скруглённой.

M
На сайте с 04.12.2013
Offline
223
#3

На JS отфильтровывайте «промахи», угнетая переход, когда они возникают.

---------- Добавлено 22.07.2018 в 14:01 ----------

Если мелкие закругления, можно забить. Если крупные – в общем-то тоже.

Домены и скрипт для коротких ссылок: https://u75.ru/domains-for-shortcuts
Оптимизайка
На сайте с 11.03.2012
Offline
396
#4

clip-path, можно любую форму задать, см. пример

http://jsfiddle.net/8qanwh6k/5/

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
S
На сайте с 30.09.2016
Offline
469
#5

clip-path без svg в старых браузерах не особо так работает.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Оптимизайка
На сайте с 11.03.2012
Offline
396
#6

Sitealert, для устаревших можно <map><area>

http://htmlbook.ru/html/area

S
На сайте с 30.09.2016
Offline
469
#7

Это да, даже в древнем IE пашет.

tommy-gung
На сайте с 22.11.2006
Offline
287
#8

и с обычным border-radius все работает http://jsfiddle.net/8qanwh6k/12/

Здесь не могла быть ваша реклама
Psionik
На сайте с 16.04.2013
Offline
44
#9
wpuse:
Изображение скруглится, а область действия останется прямоугольной. А мне надо и область действия (голобенькая форма такая при нажатии, если через f12) сделать скруглённой.

Я правильно понял, что вы хотите скрыть подсветку области ссылки после клика?

[PHP, MYSQL, JS, BASH, APACHE, HTML, CSS, Yii, MODX, 500 rur hour]

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий