網(wǎng)頁設(shè)計制作解決CSS樣式表Button按鈕設(shè)置背景圖在IE瀏覽器不顯示問題

2013-7-23 0:0:0 | 作者：sw996 | 0個評論 | 人瀏覽

網(wǎng)頁設(shè)計制作解決CSS樣式表給Button按鈕設(shè)置背景圖片在IE瀏覽器下不能正確顯示的問題

給button按鈕設(shè)置背景圖片的時候出現(xiàn)問題，在火狐和Google瀏覽器下均可正常顯示，但是在IE下就是出現(xiàn)一個按鈕的邊框。用以下方法解決。

修改前的樣式

background-image:url(../Images/Login_Btn.jpg);background-repeat:repeat-x;border:1px solid #7CBCEB;cursor:pointer;letter-spacing:1px; height:24px;width:76px;line-height:24px;text-align:center; color:#000;font-size:12px;

修改后的樣式

background-image:url(http://m.sunlu3d.com.cn/Images/logo.jpg);background-color:Transparent;background-repeat:repeat-x;border:1px solid #7CBCEB;cursor:pointer;letter-spacing:1px; height:24px;width:76px;line-height:24px;text-align:center; color:#000;font-size:12px;

區(qū)別就是在 background-color:Transparent; 這個屬性設(shè)置上。

結(jié)論：要想設(shè)置背景圖片，必須設(shè)置背景顏色必須為透明的。