Куфон с наведением на родительский элемент - PullRequest
Новая
       33

Куфон с наведением на родительский элемент

0 голосов
/ 22 января 2011

Вот что у меня есть: http://thezoomer.net/clubroyale/

Я применил Cufon к элементу a внутри .nav-item 

Cufon.replace('.nav-item a', {fontFamily: 'Yanone Kaffeesatz',
                                    hover:true,
                                    hoverables: { li:true }
                                    });

Это то, что яесть внутри меню 

<li class="nav-item"><a href="./">HOME</a></li>

, и это то, что у меня есть внутри css 

.nav-item{
     color: #a8956c;
     background-color:#fff;
     cursor:pointer;

    white-space:nowrap;
}   
.nav-item:hover{
     color: #fff;
     background-color:#a8956c;

}

Очевидно, я хочу, чтобы css hover работал.Я знаю, что это не будет работать в этом состоянии, потому что Cufon связал обновление с элементом a, а не со всем родительским элементом (который связан с CSS).Однако, если я применю css к .nav-элементу , наведение будет работать, но только на часть элемента меню.

Также я попытался применить Cufon на .nav-item без a , наведение работает, но некоторые Cufon рисует некоторые странные пробелы без необходимости.

Итак, есть что-то вроде hoverables: {parent: true} чтобы элемент тоже получал события наведения от родительского элемента?

Спасибо!

1 Ответ

2 голосов
/ 22 января 2011

Это, кажется, работает как ожидалось:

JS: 

Cufon.replace('.nav-item a', { fontFamily: 'Yanone Kaffeesatz', hover: true });

CSS: 

.nav-item a {
    color: #a8956c;
}

.nav-item a:hover {
    color: #fff;
}
...