Блог

Главная - Вопросы по программированию - Проблема с наведением курсора мыши Cufon при наведении курсора мыши на тег cufon canvas

Проблема с наведением курсора мыши Cufon при наведении курсора мыши на тег cufon canvas

#css #canvas #hover #cufon

#css #холст #наведите #cufon

Вопрос:

Я пытаюсь реализовать другой цвет / текстовую тень для стандартного элемента привязки. Хотя по большей части это работает нормально, если мышь входит в созданный элемент cufon canvas, а затем покидает его, правильные «оригинальные» свойства повторно не применяются… [это происходит в FF4] Это трудно объяснить… Вот видео, показывающее проблему, с которой я столкнулся.

Вот замена Cufon:

 Cufon.replace(
    'li.haschild ul li a', {
        textShadow: '#000000 -1px -1px 1px',
        hover: {
            textShadow: '#ffffff 1px 1px 1px',
            color: '#434337'
        }
    }
);

Таким образом, при наведении курсора у него должен быть другой цвет шрифта и тень текста. Это работает до тех пор, пока мышь не попадет в ту часть тега привязки, где находится тег cufon canvas. Как только мышь попадает в этот тег canvas, элемент Cufon hover перестает работать, как только мышь покидает эту часть элемента привязки. Даже если мышь все еще находится внутри привязки, а свойства a: hover все еще применяются из CSS, cufon canvas действует по-другому.

Я пытаюсь выделить различные элементы с помощью firebug. Тег привязки — это элемент с большим количеством отступов (фиолетовый). Затем отображаются отдельные теги cufon canvas.

Я не заменяю уже замененный элемент cufon. Если вы удалите строку, показанную выше, cufon не будет применяться к раскрывающемуся списку.

Я не смог воспроизвести эту проблему в других cufon hover replaces с аналогичными параметрами, и я не могу воспроизвести ее в браузерах webkit.

Я в растерянности…

Комментарии:

1. Если кто-то не имеет предварительных знаний об этой проблеме (или не может побеспокоиться о настройке собственного тестового примера), я думаю, нам нужно посмотреть ваш сайт в реальном времени (или тестовый пример, демонстрирующий проблему).

2. Существует видео , на которое я ссылался выше, показывающее проблему.

3. Да, я видел видео — оно очень полезно для демонстрации проблемы, но, очевидно, никто из тех, кто смотрел на ваш вопрос, не знает, как ее решить с места в карьер. Если бы вы могли сослаться на свой сайт или тестовый пример, я мог бы опробовать некоторые идеи. Возможно, сработало бы даже что-то глупое, например, добавление множества пробелов после вашего текста или правильно размещенный display: block — Я просто не знаю, не имея возможности попробовать. Если вы действительно не хотите размещать ссылку на сайт здесь, вы всегда можете отправить мне ссылку по электронной почте (проверьте мой профиль).

4. К сожалению, на данный момент это все разработка localhost.

5. Когда вы вводите курсор мыши в часть элемента «cufon canvas», а затем из нее, положение внутреннего тега canvas перемещается на один пиксель, вызывая проблему, показанную на видео… Я полагаю, что именно так cufon обрабатывает эффект наведения, но он не должен деактивировать состояние наведения, когда тег привязки явно все еще находится в активном состоянии наведения.