Cufon懸停問題

我正在爲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>

來源

2012-03-31 dvLden

從我所知道的Cufón懸停只能在鏈接的作品。你可以使用這樣的事情

Cufon.replace('h1', { fontFamily: 'yourfont' }); 
Cufon('#yourid a', { 
hover: { 
color: 'green' 
} 
});

你的HTML看起來像這樣

<a href="#"> 
<h5>h5 text</h5> 
<p>some text</p> 
</a>

，將工作;）

來源

2012-04-02 05:41:00

從我可以從規範收集（https：//開頭的github .com/sorccu/cufon/wiki/Styling），您需要明確啓用懸停：

Cufon.replace('h1', { 
    hover: true 
});

說了那麼，爲什麼不使用@font-face？

來源

2012-04-02 05:47:51 powerbuoy

回答

相關問題