Question

html中引入的图片不显示

我的html页面中引入图片的代码如下：
<div class="layout-center" style="background-image:url('\images\gongzuoliucheng.jpg');background-repeat:no-repeat; width:900px;height:3461px";>

</div>
html页面和images文件夹在同一个目录下，图片也放入images文件夹中。通过浏览器反正这个html的时候，背景图片不出来，但是直接通过浏览器输入localhost/images/gongzuoliucheng.jpg图片能够显示出来，请帮忙看看是什么原因

Answer 1

书写格式出错了。

这样的书写格式，在实际展示中，会出现如下错误：

把代码中的url格式应该修改为：”images/gongzuoliucheng.jpg“：

此时的页面展示如下：

扩展资料：

CSS的background-image 属性：

定义和用法：

background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

Answer 2

HTML插入图片不显示，有几个原因需要排查一下：
1、图片调用路径不对；
2、图片名称不对；
3、图片本身有问题；
4、图片调用代码问题。
解决办法：
1、更改图片调用路径，重新调用图片；
2、图片名称仔细检查，调用的图片名与图片名称保持一致；
3、重新换一张图片；
4、图片调用代码，需要检查一下，建议重新编写。
（说明：图片调用代码为【<img src="图片地址" alt="图片说明" />】）

Answer 3

图片地址路径不对！

background-image: url(images/gongzuoliucheng.jpg);

希望对你有所帮助，望采纳！

追问

非常感谢，去掉/之后，图片就显示出来。但是不太明白原因，望详细说明一下

追答

没啥好说明的，就是个路径问题！

Answer 4

斜杠打反了
background:url('images/gongzuoliucheng.jpg') 0 0 no-repeat;