idがあるリストアイテムのホバー

異なるIDのリストアイテムにCSSを追加しようとしています。私はそれがホバリングされているときにリスト項目のCSSを変更する必要があります：ホバーのdoestはidの終わりにアタッチすると動作します。ここに私はそれを持っている方法です。idがあるリストアイテムのホバー

.header-menu li#drop:hover{ 
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -moz-linear-gradient(top, #E5E5E5, #EDEDED); 
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#EDEDED)); 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#E5E5E5, endColorStr=#EDEDED) progid:DXImageTransform.Microsoft.Glow(color=#888888, strength=1) progid:DXImageTransform.Microsoft.Shadow(direction=180, strength=2, color=#888888); 
}

出典

2012-01-13 Pollux Khafra

詳細を入力する必要があります。リスト項目は本当にid = dropですか？単純な完全な文書で問題を特定できますか？ –

私のリストメニューの項目の中にはドロップダウンがあり、それらに矢印の背景を追加しました。だから私はそれらのリストアイテムにIDを "ドロップ"して、その矢印を与えることができます。私の問題は、li＃ドロップがホバリングされ、ホバーの背景が変化するときです。だから私はその矢の背景にli＃drop "hovered"を追加する必要があります。 –

いくつかの要素に同じ 'id'値を与えた場合、それが聞こえると問題があります。 'id'の値は一意でなければなりません。代わりに 'class'属性とクラスセレクタを使用してください。 –

コードは、あなたのペーストビンデータで明らかなように、色がお互いに非常に接近しているようグラデーション効果がかなり目立たないですが、動作しているように見えます。この回答が満足できるものではない場合は、どのようなことが起こるか、どのブラウザでどのようなことが起こらないかを特定してください。

出典

2012-01-14 07:16:56

idがあるリストアイテムのホバー

答えて

関連する問題