有背景图象的敏感css按钮

Question

如何实现包含背景图像的响应按钮。 它类似http://codecanyon.net/item/css3-responsive-pagination/full_screen_preview/4266559 但是，在我的情况下，“prev”和“next”按钮是一个非常长的文本，中间只是页面的“标题”。

难以缩放背景图像以确保它适合缩放按钮并适用于IE。

有没有人曾经这样做过？ 它甚至可能吗？

谢谢，
三通

Answer 1

如果目标浏览器支持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);