Можно ли задать цвет или прозрачность для области на карте?

Question

Камиль

html

Можно ли задать цвет или прозрачность для области на карте?

Как можно применить стили к отдельным элементам &lt;area&gt; в HTML с использованием jQuery для назначения класса выбранной области, а затем указать цвет заливки с помощью CSS?

15 июля 2024 г. 12:52

Ответы на вопрос 2

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

Answer 1

Да, можно задать цвет или прозрачность для области на карте с помощью CSS. Для этого нужно сначала назначить класс выбранной области с помощью jQuery, а затем указать стиль для этого класса в CSS.

Пример:

1. HTML:
```html
<map name="image-map">
    <area shape="rect" coords="0,0,50,50" alt="Area 1" class="area1">
    <area shape="rect" coords="50,0,100,50" alt="Area 2" class="area2">
</map>
```

2. jQuery:
```javascript
$(".area1").click(function() {
    $(this).addClass("selected");
});
$(".area2").click(function() {
    $(this).addClass("selected");
});
```

3. CSS:
```css
.area1.selected {
    background-color: red;
}

.area2.selected {
    background-color: blue;
}
```

В этом примере при клике на область с классом "area1" или "area2" будет добавляться класс "selected", который изменит цвет заливки области с помощью CSS.

Answer 2

Нет такой возможности. Как вариант, можно наложить сверху закрашенный див и обрезать его через clip-path.