0

言語ボタンを作ろうとしています。

最初の問題は丸い背景でした。これを修正しました。2 番目の問題は、背景のアニメーションでした。これを修正しました。

現在、FF では、ホバー時にボタンに醜い線が表示されます。

ここにリンクがあります。

私が取り組んでいるコード

ここで何がうまくいかなかったのか、誰かが私に説明してもらえますか？

ありがとうございました

4

3 に答える 3

0

box-shadow のような特定の属性を使用する場合は、同じパラメーターで-moz-box-shadowも使用する必要があります。代わりに moz を使用するだけで、webkit を使用するのと同じように使用できます。-moz-border-radiusを追加してみてください

また、背景クリップを試してみませんか？

    -webkit-background-clip: padding-box; 
    -moz-background-clip:    padding; 
    background-clip:         padding-box;
于 2013-03-23T21:52:04.693 に答える
0

これをスタイルに追加します。

#languages li a.selected {
background: yellow;
}

これにより、円の中央も色付けされます。

FFの問題を考えると、私はあなたを助けることができません.

于 2013-03-23T19:46:25.747 に答える
0

.selectedスタイルに重要性を与えることで、スタイルを強制的に適用します。

background: #FFF600 !important;

Firefox では表示に問題があるため、代わりbox-shadowに使用してください。border

border: 0.5em solid #FFF600;

デモを参照してください。

以下を含む他の多くの問題も修正されました。

#languages li { display: inline-block; width: 45px; }

ボーダーはいくらかのスペースを占めるため、から削除さdisplay:block;れ#languages li aます。

于 2013-03-23T19:47:47.370 に答える