网页设计制作解决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; 这个属性设置上。

结论：要想设置背景图片，必须设置背景颜色必须为透明的。

Tags：网页设计，CSS