Css设置背景图片为什么不显示?

html-css06

Css设置背景图片为什么不显示?,第1张

Css设置背景图片为什么不显示?原因是图片路径的问题。解决步骤:

1.将图片和网页放在同一目录中,background-image:url("图片.jpg")

2.图片放在一个image目录下。并且image目录和网页在同一目录下:   background-image:url(“image/图片.jpg”)

3.图片放在一个image目录下。并且image目录和网页不在同一目录下  background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录

如果版式也乱了 说明是css文件路径错误。

如果版式正常,只是图片不显示,就是图片路径写错了。

在本地和服务器上文件路径有些不同,服务器上可以试着改为绝对路径试试。

1、检查看看样式表是否调用成功

2、检查一下背景图片的调用路径,比如 background:url(../images/bg.jpg) 0 0 no-repeat样式表里调用路径前面要加"../"或者"../../"

3、检查一下定义样式是否写对了.

您好,最好确认下你的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与页面不在一个目录下 那么背景的路径将会改变 希望留意一下

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