初衷是想给这个提交按钮<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的问题了。
更多web前端自学相关知识,请查阅 HTML中文网 !!