Я пытаюсь реализовать другой цвет / текстовую тень на стандартном элементе привязки. Хотя по большей части он работает нормально, если мышь входит и затем покидает созданный элемент cufon canvas, правильные «оригинальные» свойства не применяются повторно ... [это происходит в FF4 ] Трудно объяснить ... Вот видео , показывающее проблему, с которой я столкнулся.
Вот Куфон заменит:
Cufon.replace(
'li.haschild ul li a', {
textShadow: '#000000 -1px -1px 1px',
hover: {
textShadow: '#ffffff 1px 1px 1px',
color: '#434337'
}
}
);
Таким образом, при наведении указатель мыши должен иметь другой цвет шрифта и текстовую тень. Это работает до тех пор, пока мышь не войдет в ту часть якорного тега, где находится тег cufon canvas. Как только мышь вводит этот тег canvas, элемент наведения Cufon перестает работать, как только мышь покидает эту часть элемента привязки. Даже если мышь все еще находится в привязке, а свойства a: hover по-прежнему применяются из CSS, холст cufon действует по-другому.
Я пытаюсь выделить различные элементы, используя firebug. Якорный тег - это элемент с большим количеством отступов (фиолетовый). Далее следуют отдельные отображаемые теги cufon canvas.
Я не заменяю уже замененный элемент на cufon. Если вы удалите строку, показанную выше, cufon не относится к выпадающему меню.
Мне не удалось воспроизвести эту проблему на других заменах cufon при наведении на аналогичные параметры, и я не могу повторить ее в браузерах webkit .
Я в растерянности ...