我正在尝试在标准锚元素上实现不同的颜色/文本阴影。虽然它在大多数情况下工作正常,但如果鼠标进入然后离开“cufon canvas”创建的元素,则不会重新应用正确的“原始”属性... [这发生在 FF4 中]这很难解释......这是video显示我遇到的问题。
这是Cufon的替代品:
Cufon.replace(
'li.haschild ul li a', {
textShadow: '#000000 -1px -1px 1px',
hover: {
textShadow: '#ffffff 1px 1px 1px',
color: '#434337'
}
}
);
因此,当悬停发生时,它应该具有不同的字体颜色和文本阴影。只要鼠标没有进入cufon canvas标签所在的锚标记部分,这就有效。只要鼠标进入该画布标签,一旦鼠标离开锚元素的那一部分,Cufon悬停元素就会停止工作。即使鼠标仍然在锚点内,并且仍然从CSS应用a:hover属性,cufon画布的行为也不同。
我尝试使用firebug突出显示不同的元素。锚标记是具有大量填充(紫色)的元素。随后显示了各个cufon画布标签。
我没有用cufon替换已经替换过的元素。如果删除上面显示的行,则cufon不适用于下拉列表。
我无法在其他cufon悬停替换类似选项的情况下复制此问题,也无法在 webkit 浏览器中复制它。
我不知所措......