Есть ли способ обнаружить наведение мыши в области сетки сетки CSS?

Question

У меня нет кода, чтобы предоставить то, что я пробовал до сих пор, потому что на данный момент это всего лишь гипотетический вопрос.

У меня большое изображение, и оно центрировано по ширине в одной области сетки CSS. Большое изображение «разбито» на три вертикальных раздела, с меньшим рисунком внутри каждого раздела (один в левом разделе, один в середине и один в правом разделе).

Я пытаюсь увеличить версию каждого соответствующего меньшего графического объекта всякий раз, когда происходит событие mouseOver или hover в соответствующем вертикальном сечении графического элемента.

Вместо того, чтобы разбивать большое изображение на три смежных изображения, мне было интересно, если бы вместо этого я использовал три области сетки для большого изображения, можно ли определить, когда конкретная область сетки наведена или введена с помощью курсора , Есть идеи?

Answer 1

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

Answer 2

Вы пробовали использовать селектор CSS :hover? если вы присваиваете каждому столбцу уникальное имя класса и используете селектор: hover, вы можете получить результаты, которые вам нужны. Если нет, то это можно сделать с помощью простого javaScript или jQuery