Cufon при наведении мыши - PullRequest
       5

Cufon при наведении мыши

0 голосов
/ 10 февраля 2011

У меня есть такой 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 работает, однако цвет текста не меняется при наведении мыши.

Ответы [ 3 ]

2 голосов
/ 10 февраля 2011

По соображениям производительности: наведение не включено по умолчанию, а это означает, что вам придется включить его отдельно для элементов, которые в нем нуждаются. Вы можете сделать это с помощью:

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

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

0 голосов
/ 14 февраля 2011

Вы пробовали #FFFFFF вместо белого?

Не могли бы вы просто иметь: div.button2: hover {color: #FFFFFF;}

А не иметь! Важно?

0 голосов
/ 14 февраля 2011

Ваши кнопки являются ссылками?Это 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...