css添加背景图片无法显示

html-css019

css添加背景图片无法显示,第1张

您好,最好确认下你的css是不是在本页面中 如果是存在在别的css文件中,路径是会存在问题的 ,其他属性可以实现,说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg")有没有用

还有你在本页你试一下

<style>

.sf{

background-image: url("images/9050.jpg")

width: 111px

height: 363px

}

</style>

<div class="sf" >123</div>

这样能显示的话就代表你原来的的确是css路径问题。

如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下

还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。

第1,字符编码调整为utf-8,你当前使用的是gb2312

第2,background-image属性当中所书写的有误,用实际路径,而且文件夹名字最好不要用中文(基本的开发规范和标准),不要用编码后的字符串,如:

background: url('../images/HTML5-学堂.jpg')

第3,你的路径不要写错,在谷歌或者其他浏览器当中,点击F12键,调出控制台,查看是否有错误,如果有文件没有加载成功,则说明你的相应文件没有成功引入

第4,body当中需要有内容,默认body的高度是由内容撑开的,没有内容body就没有高度,背景图自然无法看到

最后,建议你弄本书系统的学一学,里面包括一些类名的命名,书写的规范,在你代码当中都有不少不合适的地方,毕竟学东西是为了有实际的用处,既然要写代码,写的规范一些,按照开发行业标准来写岂不是更好。HTML与CSS方面,推荐《HTML5布局之路》,JS,可以借助《Head First JavaScript程序设计》来入门

那就是图片的路径有问题了,这个路径是相对于css文件所在的路径,不是html文件的路径,你确认一下。另外,你的照片模糊不清,貌似url的右括号用的是全角的么,这个也要检查一下。总之,背景颜色没问题,背景图片出不来,那问题肯定就出在url开始到行末分号这个范围内的文字。