Cufon: эффект при наведении <span>внутри <a> - PullRequest
Новая
       13

Cufon: эффект при наведении <span>внутри <a>

0 голосов
/ 11 декабря 2011

Хорошо, я гуглю его весь день, прочитал и перепробовал все советы, но, похоже, ничего не работает! Я получил это: 

<style>
   .riga a {
  color:#383838;
   }
   .riga a:hover {
      color:#931015;
   }
</style>    


<a href="news2.html" rel="shadowbox;width=470;height=350">
   <span class="title cub">Lorem ipsum</span>
   <span class="text cul">dolor sit amet</span>
</a>

где cub - это шрифт жирным шрифтом и куль в легком стиле

явно эффект наведения на a не работает, поэтому я попытался управлять им следующим образом: 

Cufon.replace('.riga a .title', { fontFamily: 'hell_bd', hover: true,  hoverables: { span: true }, hover: {color: '#931015'}  });
Cufon.replace('.riga a .text', { fontFamily: 'hell_lt', hover: true,  hoverables: { span: true }, hover: {color: '#931015'} });

И эффект работает, но только при наведении (включении) одного пролета "заголовок" или "текст", не перекрывая ...

Эффект наведения на объект из или непосредственно в работает отлично! Итак, мой вопрос:
Как я могу дать эффект при наведении на объект внутри него?

Спасибо за помощь!

1 Ответ

0 голосов
/ 14 декабря 2011

Я думаю, вам нужно установить цвет наведения в вашем CSS (как вы делаете), а не в JavaScript. Вы также можете попробовать определить cufon, выполнив: 

Cufon.replace('.riga a', { fontFamily: 'hell_bd', hover: true,  hoverables: { span: true }  });
Cufon.replace('.riga a .text', { fontFamily: 'hell_lt', hover: true,  hoverables: { span: true } });
...