兼容主流浏览器，包括Firefox、Chrome以及 IE 等主流浏览器（IE使用滤镜效果实现）：
.btn_bg {
 
background-image:url(/images/headbg.png);
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(/images/headbg.png) 0;
background-repeat:no-repeat\9;
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/headbg.png', sizingMethod='scale')\9;
}


btn_bg样式中：可是使用width和height定义背景图默认的宽高，假如这个不定义并且引用该样式的DIV也不定义宽度，那么背景图的宽度会拉伸至浏览器的宽度，另外可以指定DIV的宽度来拉伸背景图，如：

复制代码代码如下:
<div class="btn_bg" style="width:300px"></div>。

细心的你会发现，最后三行代码每行样式后都加了 \9 这是指定在IE8及以下浏览器中的样式。