私は現在、行動喚起ボタンをいくつかデザインしようとしています。動的な幅のボタンを作成しました。これは、左右のコンテナーと、すべてのテキストを保持する中央のコンテナーによって構築されます。
中央の画像は 50 ピクセルで、繰り返します。
私の問題は、画像が <=50px の場合、背景画像の緑色が正しく表示されることです。50px を超えると (背景画像が繰り返されます)、緑色が変化して見えます。
私が間違ったことを誰か知っていますか？
問題を示す 2 つの図を次に示します。
ぼやけたもの: http://d.pr/i/fz2b
正しいもの: http://d.pr/i/cjgp
編集：
私は次のようにしています：
<a href="#">
<div class="left"></div>
<div class="middle">Link text here</div>
<div class="right"></div>
</a>
.left と .right の背景が繰り返されません。私の背景画像はオーバーフローでのみ繰り返されます-オーバーフローすると、画像が緑色に変わります。:-)