CSS背景画像付きのインラインストレッチボタン

button css rounded-corners stretch

CSSや背景画像を使用して*インライン*リンクを視覚的ボタンに変えて、さまざまな種類に対応できるようにする、防弾(XHTML 1.1厳密、クロスブラウザ、非JavaScriptに標準準拠)方法があるかどうかは誰でも知っていますテキストの量(またはテキストのサイズ変更)?

デザイナーのボタンの角が丸くなっているので、背景画像を使用する必要があると思います。 それはIE6(政府職)で働かなければなりません。

答えが「いいえ」であることを確信しています。

とりわけ、私はすでに スライドドアのテクニックのバリエーションを試してみましたが、解決策がインラインで動作する必要があるのでそれを動作させることはできません。 段落の中で)そして私は固定幅を設定することはできません。

編集:いくつかのボタンがあり、それぞれ前景、境界線、背景の色が異なります。 彼らはまた、グラデーションの「顔」を持っていますが、透明性や他の何か「異例の」を必要としません。 残念ながら、私はNDAの下にいるので、例にリンクすることはできません。

  3  0


ベストアンサー

これがあなたのニーズに合うかどうか私にはわかりませんが、私はhttps://stackoverflow.com/questions/1418766/changing-color-of-rounded-corners-button-with-css/1448762で可愛らしい丸いボタンを持つ人を助けました。 #1448762 [この投稿] …​ HTMLとCSSのみを使用しています。

1


私はあなたがあなたの制限内でこれを行うことができるとは思わない。 問題はあなたが_one_要素を持っていることですが、適切にストレッチをするためには、three(ストレッチされていない左側、ストレッチされた中央、未ストレッチの右側)が必要です。

1


そのためには、おそらく 画像ボタンを作成する必要があります。

0


将来の余談として、http://www.narga.net/beautiful-and-simple-css-button-styling/ [CSSボタンのスタイリングに関するページがあります]。

0


タイトルとURLをコピーしました