1

背景画像を含むレスポンシブ ボタンを実現するにはどうすればよいですか。http://codecanyon.net/item/css3-responsive-pagination/full_screen_preview/4266559のようなものですが 、私の場合、「前へ」と「次へ」のボタンは非常に長いテキストで、中央には「タイトル」だけですページの "。

背景画像をスケーリングして、スケーリングされたボタンに収まり、IEで動作することを確認するのに苦労しました。

誰もこれをやったことがありますか？それは可能ですか？

ありがとう、
ティー

4

1 に答える 1

0

ターゲット ブラウザが CSS3 をサポートしている場合は、単純に background-size を使用します

.button
{
background:url(img_flwr.gif);
background-size:contain contain;
background-repeat:no-repeat;
}

編集：IE8以下をサポートする必要があるため、次を試してください：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background.png', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background.png', sizingMethod='scale')";

または dl ie-css3.htc および:

behavior: url(ie-css3.htc);
于 2013-07-31T04:25:28.910 に答える