我正在为cufon(在悬停状态)制作渐变颜色变化的问题。 它工作正常(非悬停),但(悬停)它不会更改渐变颜色。 如果有人能帮助我,我会感激吗?Cufon悬停问题
的Cufón部分:从HTML
Cufon.replace('h1', {
color: '-linear-gradient(white, black)',
fontFamily: 'Scriptina',
textShadow: '1px 1px rgba(0, 0, 0, 0.2)'
});
Cufon.replace('#nav a', {
hover: true
});
Cufon('#content h2', {
color: '-linear-gradient(#b7dded, 0.2=#70ceef, 0.5=#20b4e2, #b1dbeb)',
hover: {
textShadow: '2px 2px red',
color: '-linear-gradient(black, white)'
}
});
:
<nav class="mid">
<ul class="tabs">
<li>
<a href="#" class="defaulttab" rel="tabs1">
<div class="lineRight">
<h5>TEXT 1</h5>
<p>Sub-Text1</p>
</div>
</a>
</li>
<li>
<a href="#" rel="tabs2">
<div class="lineMiddle">
<h5>TEXT 2</h5>
<p>Sub-Text2</p>
</div>
</a>
</li>
<li>
<a href="#" rel="tabs3">
<div class="lineMiddle ook">
<h5>TEXT 3</h5>
<p>Sub-Text3</p>
</div>
</a>
</li>
<li>
<a href="#" rel="tabs4">
<div class="lineLeft">
<h5>TEXT 4</h5>
<p>Sub-Text4</p>
</div>
</a>
</li>
</ul>
</nav>