ie中css背景图片不显示怎么解决?

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的问题了。

更多web前端自学相关知识,请查阅 HTML中文网 !!

以上就是ie中css背景图片不显示怎么解决?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏