css - iPadタイプのナビゲーションボタン

Question

iPadタイプのナビゲーションボタン

iPadタイプのナビゲーションボタンが欲しかった。このhttp://css3wizardry.com/2010/06/28/create-back-next-buttons-with-css3/に関するチュートリアルを入手できましたが 、これは Firefox では機能しません。下に画像の写真を添付し​​ました。css で作業を行う際のヘルプは役に立ちます。

Answer 1

これは、チュートリアルが (何らかの理由で) webkit のみの CSS3 プロパティを使用しているためです。で始まるプロパティがある-webkit-場合は常に、他のブラウザ用にプレフィックスを付けて同一のコピーを作成します。

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;

CSS3 を直接サポートする新しいブラウザーのみをターゲットにする場合は、最後のプロパティを使用できます (プレフィックスはまったく使用しません)。