0

これは私が持っているものです: http://thezoomer.net/clubroyale/

.nav-item 内のa要素に Cufon を適用しました

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ホバーを機能させたいです。Cufon は更新を a 要素に関連付けており、親要素全体 ( css から関連付けられている) には関連付けていないため、この状態では機能しないことがわかっています。ただし、css を.nav-itemに適用すると、ホバーは機能しますが、メニュー要素の部分でのみ機能します。

また、aなしで.nav-itemに Cufon を適用しようとしましたが、ホバーは機能しますが、一部の Cufon は必要なく奇妙な空白を描画します。

それで、 hoverables: {parent:true } 要素が親要素からもホバーイベントを受け取るようなものはありますか?

ありがとう！

4

1 に答える 1

2

これは期待どおりに動作するようです：

JS:

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

CSS:

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

.nav-item a:hover {
    color: #fff;
}
于 2011-01-22T17:02:44.543 に答える