CSS背景圖拉伸效果兼容FF/Chrome/IE等主流瀏覽器嗎？具體詳情分享

信各位一定碰到過這種情況，按鈕作為DIV的背景圖來顯示，實(shí)際上有多個(gè)這樣的按鈕，而且DIV中的文字，也就是按鈕上要顯示的文字內(nèi)容和個(gè)數(shù)都不定，這種情況下就需要用背景圖片拉伸效果來處理了，只需做一個(gè)按鈕圖片，作為DIV的背景圖時(shí)隨著DIV的寬度或高度自適應(yīng)就OK了。網(wǎng)上也找過，但不兼容IE或有bug，下面貼出本人親測(cè)代碼，兼容主流瀏覽器，包括Firefox、Chrome以及 IE 等主流瀏覽器（IE使用濾鏡效果實(shí)現(xiàn)）：

定義好上述CSS后，就可以在頁面中使用了，例如：

btn_bg樣式中：width和height定義了背景圖默認(rèn)的寬高，假如這個(gè)不定義并且引用該樣式的DIV也不定義寬度，那么背景圖的寬度會(huì)拉伸至瀏覽器的寬度，另外可以指定DIV的寬度來拉伸背景圖，如：
【CSS背景圖拉伸效果兼容FF/Chrome/IE等主流瀏覽器嗎？具體詳情分享】