Svg теряет ховер при наведении на прозрачную область. как пофиксить?

как этот svg rect должен сработать чтоб ховер не пропадал? добавляю его внутрь своего svg и он перекрывает мою иконку. как его поместить вниз если он прописывается внутри svg-шного файла?

0

10.03.2022

I. Front Автор вопроса

trying to be better
можно в рект обернуть

добавил рект, но ховер все равно пропадает когда на прозрачное место курсор попадает. может теперь сам ховер как-то по-другому вешать? подскажите плиз

0

10.03.2022

trying to be better

I. Front
добавил рект, но ховер все равно пропадает когда н...

кинь свг код

0

10.03.2022

I. Front Автор вопроса

trying to be better
кинь свг код

```<?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Шар_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <style type="text/css"> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:fill;} </style> <rect width="32" height="32" rx="10" ry="10" style="fill: red" ></rect> <path class="st0" d="M22,32.2H10c-5.5,0-10-4.5-10-10v-12c0-5.5,4.5-10,10-10h12c5.5,0,10,4.5,10,10v12C32,27.7,27.5,32.2,22,32.2z M25.4,14.3v3.3c0,2.2-0.4,3.3-1.2,4.1c-0.7,0.7-2,1-4,1h-8.6c-4.3,0-5.1-1.7-5.1-5v-3.3c0-1.7,0-3,0.7-3.8s2-1.2,4.4-1.2h8.8 c2.4,0,3.6,0.4,4.3,1.2C25.4,11.2,25.4,12.5,25.4,14.3z M19,15.8c0-0.2-0.1-0.5-0.4-0.6l-4-2c-0.2-0.1-0.4-0.1-0.6,0 c-0.2,0.1-0.2,0.2-0.2,0.6v4.1c0,0.2,0.1,0.4,0.2,0.6c0.1,0,0.1,0.1,0.2,0.1c0,0,0.2,0,0.2-0.1l4-2.2C18.8,16.2,19,16,19,15.8z"/> </svg>```

0

10.03.2022

trying to be better

I. Front
```<?xml version="1.0" encoding="utf-8"?> <!-- Gen...

на сам свг

0

10.03.2022

trying to be better · Accepted Answer

trying to be better

можно в рект обернуть

0

10.03.2022

169 похожих чатов

Svg теряет ховер при наведении на прозрачную область. как пофиксить?

10 ответов

Похожие вопросы