backgroundimage图片不显示（css设置背景图片不显示问题）
本文目录
- css设置背景图片不显示问题
- css的background-image图像显示不出来的原因
- 为什么我在css中设定的背景图片在浏览的时候不显示
- Css设置背景图片不显示的问题
- background url 插入图片 显示不出来，HTML文件与图片、音频同在一个文件夹下，求大神帮忙
css设置背景图片不显示问题
代码编写有问题。
解决的方法和详细的操作步骤如下：
1、第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。
2、第一步，执行完上面的操作之后，在html代码页面的《body》标记中输入多行段落文本，当浏览器在移动条上滚动时，浏览器用于在查看图片时在滚动条上滚动，见下图，转到下面的步骤。
3、第一步，执行完上面的操作之后，设置背景图片样式，在右边的《title》标记之后创建一个《style》标记，然后在该标记中设置《body》标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤。
4、第一步，执行完上面的操作之后，保存html代码，使用浏览器将其打开，这时，滚动浏览器滚动条，发现背景图像与浏览器滚动条的滚动一起滚动，见下图，转到下面的步骤。
5、第一步，执行完上面的操作之后，使用“background-attachment: fixed”设置为不使用滚动条滚动的问题，返回html代码页并添加“background-attachment： fixed”即可，见下图。这样，以上的问题就解决了。
css的background-image图像显示不出来的原因
可能的原因有以下几点：
图片路径有误，导致无法加载图片
图片格式浏览器不支持，如图片是webp格式的，但用户使用的是低版本的浏览器，无法识别webp格式的图片
图片已损坏，损坏的图片无法被打开
图片并非自己的资源，采用其他站点的图片，而对方站点做了防盗链处理，返回了错误的状态码，如返回403
设置了background-position，但数值设置的不正确，导致图片没有出现在正确的位置
对应的解决方法：
更正图片的路径，将图片地址放到浏览器地址栏中，看能否访问
使用兼容性好的图片格式，如jpg、png
替换成正常的图片
将其他网站上的图片保存到自己站点中
设置正确的background-position
为什么我在css中设定的背景图片在浏览的时候不显示
图片路径的问题。
1、图片和网页放在同一目录下：background-image:url(“图片.jpg“。
2、图片放在一个image目录下，并且image目录和网页在同一目录下：background-image:url(“image/图片.jpg”)。
3、图片放在一个image目录下，并且image目录和网页不在同一目录下：background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。
扩展资料：
注意事项
注意：：在css样式表中写的background-image:url(图片的路径为相对本css文件的路径，而不是我们通常认为的相对加入css样式的网页的路径);
例如：在当前目录下有 index.html 和 css文件夹(里面包含：css.css) 和 images文件夹（里面包含top.jpg）
错误的认为和写法：background-image:url(“images/top.jpg“); 错误的认为图片的路径应该是针对index.html网页来说的。
正确的认为和写法：background-image:url(“../images/top.jpg“);图片的路径应该写的是相对css.css文件的路径
其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。
Css设置背景图片不显示的问题
1、打开html开发软件，新建一个html代码页面。
2、在html代码页面的《body》标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。
3、设置背景图片样式。在《title》标签后面创建一个《style》标签，然后在这个标签里设置《body》标签的背景图片，以及背景图片不重复。
4、保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。
5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面，在body样式中添加上background-attachment: fixed即可。
6、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。
background url 插入图片 显示不出来，HTML文件与图片、音频同在一个文件夹下，求大神帮忙
如果按上图目录所示，HTML文件与图片、音频同在一个文件夹下，路径应为：
“./3.jpg“ 或 “3.jpg“
“./pf.mp3“ 或 “pf.mp3“
“./pf2.jpeg“ 或 “pf2.jpeg“
楼主所贴代码中的 “divcheshi/pf2.jpeg“ 表示下图这种情况
“..mp3/pf.mp3“ 的写法可能错误的，可能为 “../mp3/pf.mp3“，表示下图这种情况
更多文章：
mongodb是关系型数据库吗（简述mongodb和主流关系数据库的区别）
2025年2月13日 12:10
stackexchange官网（stackexchange.redis 1.0.187怎么编译不通过）
2025年3月9日 13:30
2025年3月20日 17:00
2025年3月8日 13:51
2025年3月1日 10:30
2025年4月6日 01:20
2025年3月21日 20:50
undo是什么意思（防火墙基础配置里的命令undo hrp auto-sync connection-status是什么意思）
2025年3月17日 07:30
2025年2月24日 17:20
hover camera官网（为什么说 Hover Camera 具备大疆也不曾有的能量）
2025年3月31日 05:10
2025年4月5日 14:30
2025年3月15日 00:00
shove for（thank you for being my friend being around是什么意思）
2025年3月2日 02:20
2025年3月12日 18:50
2025年3月15日 23:20
2025年2月23日 09:30
html5制作的网站（国内有哪些网站是遵循HTML5的页面结构做的）
2025年3月4日 10:40
jspsession（JSP中cookie、session和的区别是什么）
2025年2月11日 18:20
javascript前端开发案例教程（本人是一名web前端开发工程师，技术遇到瓶颈，怎么才能不断提高自己）
2025年3月23日 18:50
arrangement翻译（一切都是最好的安排用英语怎么说）
2025年3月24日 05:10
