一般来说，设置input按钮的background-image属性，在Firefox,Chrome等标准W3C浏览器中，只要写二行css:
|
1
2
|
background-image: url(images/hello.jpg);
background-repeat: no-repeat;
|
但是在IE下，只写上面二行CSS，input元素是不会显示背景图片的，需要写成如下形式，才能正常显示：
|
1
2
3
4
|
background-image: url(images/hello.jpg);
background-repeat: no-repeat;
background-color: transparent;
border:none;
|
其实关键是background-color: transparent，让背景色透明，才能在IE下显示背景图片
原创文章，转载请注明：转载自Magento架构师的笔记 | Input的background-image属性的兼容性
本文链接地址：http://www.magentonotes.com/input-background-image-attribute-compatibility.html