0

私はこのようなHTMLを持っています：

<div class="button2" onclick="">
 <div class="button_text">LOCATE STORES</div>
 <div class="button_arrow"></div>
</div>

私はCufonにこのコードを使用します：

Cufon.replace('div.button2', { fontFamily: 'Bliss2H', hover: true, fontSize: '12px' });

私のCSS：

div.button2 {
  color: #d79645;
}
div.button2:hover {
  color: white!important;
}

Cufonは機能しますが、マウスオーバーしてもテキストの色は変わりません。

4

3 に答える 3

2

パフォーマンス上の理由から、：hoverはデフォルトでは有効になっていません。つまり、ホバーを必要とする要素に対して個別に有効にする必要があります。これは次の方法で実行できます。

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

https://github.com/sorccu/cufon/wiki/styling

于 2011-02-10T11:54:17.867 に答える
0

あなたのボタンはリンクですか？これは私がこのページで行っていることのCSSです：http：//ianmartinphotography.com/test-site/

私のcufonボタンは下にあります。

h3  {color: #79868e; font-family: helvetica; font-size: 21px; margin:5px 0 0 0; } 
a:link    {color: #555055; text-decoration: none; outline:none;}
a:visited {color: #555055; text-decoration: none; outline:none;}
a:hover   {color: #79868e; text-decoration: none; outline:none;}

<div id="about"><h3><a href="about">about</a></h3></div>
于 2011-02-14T05:18:31.383 に答える
0

白の代わりに#FFFFFFを試しましたか？

単純に持っていることはできませんでした：div.button2：hover {color：#FFFFFF;}

そして、！重要ではありませんか？

于 2011-02-14T05:35:35.363 に答える