私はZurb Foundationフレームワークを使用していますが、テキスト、グラデーショングラデーション、および右のサイズの動的なコール - アクションボタンを作成しようとしています指す矢印。私はこれを行うための3つの方法を考えることができグラデーションと矢印付きのCSS動的サイズボタンのベストプラクティス
:
は要素の両方の背景には、1つの勾配を持ち、もう一方が右側に位置矢印を持っている別の要素とスタイルをラップを持っています。
グラデーションの背景を持つ要素だけを持ち、矢印をimgとしてHTMLに配置します。
全体の勾配と矢印を含む1つの背景画像で1つの要素を使用します。
これらの各オプションは、いくつかの方法で間違って感じている -
私はスタイルのために純粋に非セマンティックのdivを持っています。
純粋に文体ですが、私は自分のHTMLにimgを持っています。
特に、ボタンがスケーラブルである場合、汚れたソリューションのように感じます。
これらのオプションのベストプラクティスは何ですか、または私が考慮していない方法はありますか?また、Zurb Columnsスケールの適切な場所にあるテキストと矢印を使用して、ボタンがうまくスケールされるようにするにはどうすればよいですか?
Muchos gracias! :)
答えていただきありがとうございますが、確かにそれらのブラウザだけを対象にするのは良い解決策ではありませんか?私はベストプラクティスを探していた... – marc