Input的backgroundimage属性的兼容性

一般来说，设置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