css的背景图片在ie下不显示在Firefox下可以显示？

     初衷是想给这个提交按钮<input type="submit" value=" />加上背景图片，用了以下css样式：

.subtn input {
	background-attachment: scroll;
	background-image: url(images/btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 60px;
	border-style: none;
}

     但是不知道是怎么回事，在Internet Explorer 6、7、8中皆无法显示该背景图片按钮，依然是默认的按钮形式，而在Firefox和Chrome中皆可以正常显示，可以排除图片链接的有效性，尝试修改了很多次都没有成功。后来使用background简写属性，在一个声明中设置所有的背景属性，在Internet Explorer居然可以正常显示了：

.subtn input {
	background: url(images/btn.gif) no-repeat scroll 0px 0px;
	height: 20px;
	width: 60px;
	border-style: none;
}

     刚开始我在想是不是我的网页代码存在特殊性，其他代码可能影响了该样式，但是后来我单独新建了一个.html，里面只写了个form，一个输入框，一个提交框，在使用上面的background属性分开写的css属性后，结果问题依旧，可以说明这是一个普遍性的问题！CSS文档中有提到：

通常建议使用简写属性，而不是分别使用单个属性，因为简写属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

     但是我想现在的问题已经不是浏览器版本老的问题了，而是Internet Explorer的问题了。

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息：
原文出处：露兜即刻 https://www.ludou.org/css_background.html