我使用 cufon 字体创建了一个菜单。
我决定在菜单项上应用以下样式:
- normal : 灰色文本
- 悬停:黑色文本
- active : 红色文本
问题是悬停在(红色)事件菜单项时,结果会将其变回灰色(并使其看起来像任何其他“正常”菜单项)。我不明白为什么,你能帮我解决一下吗?
这是当前的 cufon 配置:
Cufon.replace('ul#mainmenu li > a', {
color: '#868686',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: {
color: '#3e3e3e'
}
});
Cufon.replace('ul#mainmenu li.active > a', {
color: '#af1217',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: false
});
最佳答案
破解它,伙计!
Cufon('ul#mainmenu li.active a', {
hover: { color: '#3e3e3e'},
color: '#af1217',
fontFamily: 'BlackBeard',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
});
Cufon('ul#mainmenu li a', {
hover: { color: '#3e3e3e'},
color: '#868686',
fontFamily: 'BlackBeard',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
});
Cufon.replace('ul#mainmenu li', {
color: '#868686',
fontFamily: 'BlackBeard',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
});
Cufon.replace('ul#mainmenu li.active a', {
color: '#af1217',
fontFamily: 'BlackBeard',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
});
看看吧! - http://jsfiddle.net/3Yf4G/2/
将字体“BlackBeard”替换为您的...
关于css - Cufon - 悬停效果和事件菜单项的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5066634/