Поместить сетку на карту с помощью CSS?

Question

У меня есть изображение карты мира. Я хотел бы разместить квадратную сетку по всей карте. Я хотел бы, чтобы каждый квадрат (сетка ячеек) изменялся при наведении курсора на изменение цвета рамки и цвета фона.

Сетка должна быть наложена на карту прозрачной, за исключением границ (которая является сеткой).

Могу ли я добиться этого с помощью CSS или есть лучший способ сделать это?

Большое спасибо.

Эрик

Answer 1

Я бы предложил использовать CSS-фреймворк как простой способ создания макета сетки.Я бы пошел на этот , так как вы можете легко использовать создание сетки с 0px желобами.

Вам нужно будет изменить CSS, чтобы сделать сетку абсолютно позиционированной, чтобы она располагалась сверху.вашей карты.

Каждый элемент в сетке является DIV, поэтому вы можете легко прикреплять события Javascript к каждому из них, чтобы позволить пользователям контролировать карту.Если это простое изменение цвета при наведении, просто используйте css.

Вы можете сделать сетку прозрачной, используя также css: http://css -tricks.com / css-transparent-settings-for-all-broswers /