網頁設計制作解決CSS樣式表Button按鈕設置背景圖在IE瀏覽器不顯示問題
網頁設計制作解決CSS樣式表給Button按鈕設置背景圖片在IE瀏覽器下不能正確顯示的問題
給button按鈕設置背景圖片的時候出現問題,在火狐和Google瀏覽器下均可正常顯示,但是在IE下就是出現一個按鈕的邊框。用以下方法解決。
修改前的樣式
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://www.siweb.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;
區別就是在 background-color:Transparent; 這個屬性設置上。
結論:要想設置背景圖片,必須設置背景顏色必須為透明的。