html5不显示背景图，HTML5背景图

如何用html5插入背景图片?

第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰。

首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的body标签中，输入css样式代码：style=background-size：100%background： url(image.jpg)；。

用标签。代码样式：代码说明：这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。代码标签解释：标签定义图像。

新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。

新建文件夹并将其命名为“表格”。将背景图放入新建的”表格“文件夹里。在Dreamweaver CS6中新建一个html空白文档。将页面内容放入body/body中。

相关问答

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

1、代码有误。FM软件公开时，html5的图片不显示要检查代码是否输入正确，使用插入图片。检查图片调用路径是否设置正确。检查图片本身是否有问题，图片格式最好是RGB。

2、网页图片显示不出来，主要有2个原因，一个是网络原因(包括我们的上网速度，以及网站所在服务器的网络速度)；另外一个是我们电脑浏览器的设置问题(比如设置不当，或者遭病毒破坏等)。

3、html插入图片不显示的原因是系统一时故障导致的，具体解决方法步骤如下：首先，需要创建一个html。同时，需要创建一个CSS文档。CSS文档的后缀名必须为CSS，比如创建一个index.css文档。

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

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

6、其实这种写法是有错误的，实际上只要一刷新图片就不显示出来。要想保证刷新正常显示需要在Image onload的`时候重绘一次才行。测试在chrome 19下会出现的问题。

Q2: html5为何显示不出来图片

其实导致小岛浏览器出现图片不显示的情况很有可能是用户没有开启图片显示功能。想要解决这个问题，可以通过下面小编分享的处理小岛浏览器不显示图片问题方法来设置，一起来学习学习吧。

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

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

你先设置了背景颜色，又设置了背景图片，这样是不对的。

你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

这是源代码，拜托大家帮我看看，问题到底在哪里，谢谢，我把图片和HTML5文件放在同一个文件夹了，图片的名字叫jpg，不过文件的类型名字叫JPG，大写得，不知道跟这个有没有关系。

Q3: 刚开始学HTML5,试了下做一个背景图,写了代码后浏览发现看不到图片,不...

不显示图一般是由于路径问题，至于说视图显示浏览器不显示就要看你的代码是怎么写的，或者说你的CSS不支持所有浏览器。

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

jpg /就行了。如果还有其它情况，可以考虑一下，可能是那张图片的问题，你可以试试其它图片。如果还不行，也有可能是你网页代码有问题，比如某段代码把导致图片无法正常显示，比如禁止、替代、覆盖、占用图片位置等等。

则银行会有记录；如果你使用的是微信钱包里的零钱，不经过银行帐户，银行就不会有记录。打到你银行卡里面的钱怎么使用那是你自己的事情，但只要是通过银行转账的，都会留下记录。

body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。

Q4: HTML5手机背景图片无法显示

1、这里的意思就是显示不重复的背景图像，这里除了no-repeat外，还有repeat-x表示X轴平行重复显示，repeat-y表示Y轴垂直重复显示。这两个你可以尝试一下。

2、background-color：#000；去掉就可以显示图片，因为前面你设置了背景图片，后面又设置背景颜色，覆盖了。

3、在做背景时，你让背景的尺寸为100%；这样就能现实全了。

Q5: Css设置背景图片不显示的问题

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

2、第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

3、Css设置背景图片为什么不显示？原因是图片路径的问题。解决步骤：将图片和网页放在同一目录中，background-image：url(图片.jpg)图片放在一个image目录下。

4、，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

5、那就是图片的路径有问题了，这个路径是相对于css文件所在的路径，不是html文件的路径，你确认一下。另外，你的照片模糊不清，貌似url的右括号用的是全角的么，这个也要检查一下。

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