html5在图片上加图片不显示不出来，html5添加图片代码

如何用html5插入背景图片?

打开HBuilder；新建html项目。设置文件名，点击“完成”。将背景图拖动到Hbuilder工程的img文件夹。点击“确定”。找到body/body。将body改成bodybackground=\img/背景jpg\。

首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

具体步骤如下：插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

相关问答

Q1: HTML5插入图片失败

1、图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。所以，图片的绘制drawimage代码要写在图片的加载事件中。

2、HTML插入图片不显示，有几个原因需要排查一下：图片调用路径不对；图片名称不对；图片本身有问题；图片调用代码问题。

3、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

4、路径不同，与你文件所在路径有关 ./img/bg.jpg ./ 当前目录：windows中 ./ 只在当前路径找.如果不写的话，还会在配置的所有环境变量路径中找.其他操作系统不同。

5、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

Q2: html5有些图片显示有些不显示?

网络问题：可能是由于网络连接不稳定或者网站服务器出现故障导致无法正常加载图片。 浏览器问题：可能是由于浏览器出现故障或者浏览器缓存过多导致无法正常加载图片。

HTML插入图片不显示，有几个原因需要排查一下：图片调用路径不对；图片名称不对；图片本身有问题；图片调用代码问题。

网络问题，刷新网络。浏览器缓存问题，清理缓存。浏览器设置问题，浏览器恢复默认设置。

可能是网速太慢了，连接超时，特别是看一些比较大的图片.此时解决方法是刷新或者在打不开的图片处点右键然后选择“显示图片”，之后可能会显示出图片的。

（注：C 改为你的系统所在的盘符）修改完这些后，刷新文件夹，看看图标是否正常，如果还没正常的话，就先把.htm或.html的文件扩展名改为.exe，然后在改回.htm或.html 通过这几个步骤，基本上能解决问题了。

网速慢导致的。网页效果图，又称页面效果图。顾名思义，是一个网页页面的图片表现形式。也就是说，将网页页面用图片的形式表现出来，又称页面效果图。多用于建站前期。

Q3: html5设置图片不显示,路径感觉没问题也,求大神给指教一下,谢谢了_百度...

应该是图片路径的问题，图片没找到，才会显示这个破碎的图标。粘下图片路径的代码看看吧。

打开html开发软件，新建一个html代码页面。在html代码页面的body标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。

获取路径之后 把路径放进img标签的src属性里。

关于html5在图片上加图片不显示不出来和html5添加图片代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。