2011-03-07 8 views
0

私はwordpressのテーマを作っています。私のナビゲーションバーにはリンゴのサイトのような丸い角があります。私はそれにホバリングスタイルを追加したいが、私はリンゴのナビゲーションバーのように、丸い角でホバリングすることはできません。私は、背景のための大きなイメージを使用して、WordPress 3のメニューシステムを使用しています。では、バーの最初と最後の項目をどのように表示できますか?助けてくれてありがとう。どのようにして角を丸くするのですか?

+2

どのように丸みを帯びた角を作っていますか? – Elliott

+0

背景画像の角が丸くなります。 –

+3

本当に - 背景画像は厄介です。私はあなたの丸みのあるコーナーの良さのために[CSS3Pie](http://www.css3pie.com/)をお勧めします。 – Spudley

答えて

0

"ホバー"スタイルには、別の背景イメージが必要です。

+0

私は知っている、私はそれを作成しました。最初と最後のアイテムではどうやって別のイメージを使うことができるのか分かりません。私はワードプレスのカスタムメニューを使用しているので、最初と最後のアイテムにどのように別のCSSクラスを使用できるかわかりません。ありがとう。 –

+0

ああ...うまくいけば、メニュー要素にクラスや何かを与えるワードプレスですか? Firebugや他のデバッガを使ってメニュー要素を見て、wordpressが生成するものを見たことがありますか? – Pointy

+0

はい、wordpressは確かにそれにIDを与えています。私がそれを使うならば、私はそれを作れますか? –

2

javascriptを使用すると、任意のものを選択して変更できますが、CSSだけを使用する場合は、すべてのボタンのサブ要素の親に:hoverを適用する必要があります。 CSS。しかし、それはaタグ以外の要素で:hoverをサポートしていないので、古いバージョンのIEを除外します。

例:

.button:hover { 
    // 
} 
.button:hover .main_section { 
    // change to main section of button on hover 
} 
.button:hover .left_part { 
    // change to left side on hover 
} 
.button:hover .right_part { 
    // change to right side on hover 
} 
関連する問題