0

ナビゲーション リンク/アイコン: http://d.pr/i/tawN

それらにカーソルを合わせると、次のようになります。http://d.pr/i/VKI7

最終的には、現在のページのアイコンも別の色にしたいと思います (class="current")

これを境界半径で実行しようとしましたが、スムーズではありませんでした。JSが必要ですか？

ありがとう！

4

1 に答える 1

1

境界半径を使用すると、border-radius プロパティをサポートするすべてのブラウザーで非常に滑らかな円が生成されます: http://jsfiddle.net/Mveqj/

div {
    width:100px;
    height:100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #000;
}

アクティブなクラスがあるときにアイコンを別の色にするには、現在のアイコンを正しい色の別のアイコンに交換する必要があります。

これにはスプライトを使用することをお勧めします。そのため、「アクティブ」クラスが有効になっているときに画像の背景位置を調整するだけです。

ここで精霊の詳細情報: http://www.w3schools.com/css/css_image_sprites.asp

于 2013-01-23T10:02:44.503 に答える