为什么我的背景图片加载不出来

曾经在html中编写网页的时候，将外部的css样式表链接到网页中，其它像：background-color . padding , margin 等都可以正常起作用，但就是background-image不起作用，而且有时一气之下将background-image:url(“”绝对路径“”) ;就可以显示了，但是我们非常不提倡这种绝对路径的写法，那么出现这个现象的原因到底是什么呢？
**

注意：在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文件的路径
其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。
这个问题困扰我很长时间，今天总结一下，提醒自己吧！！希望还没弄清的朋友弄懂！

为什么我的背景图片加载不出来相关推荐

vue+webpack项目打包后背景图片加载不出来问题解决
vue+webpack项目打包后背景图片加载不出来问题解决参考文章: (1)vue+webpack项目打包后背景图片加载不出来问题解决 (2)https://www.cnblogs.com/mica ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
html加载时页面闪烁白色背景,解决页面加载闪白问题-背景图片加载优化
页面加载闪白今天遇到一个问题,写了一个使用深色背景图的网页,发现访问/刷新时,会出现短暂的闪白现象. 之前使用浅色背景时没有发现过这个问题,搜索半天也没有找到特别直白有效的回答. 找到的几个答案,有 ...
python背景图片加载代码_2019.12.05-背景图片设置代码
css背景 .box{ width: 320px; height: 160px; border:5px solid #000; margin-bottom: 50px; background-colo ...
浏览器渲染html的流程,浏览器渲染的工作流程和图片加载与渲染规则
1 浏览器渲染的工作流程浏览器的工作原理.以Webkit引擎的工作流程为例,浏览器加载一个HTML页面后进行如下操作解析HTML[遇到标签加载图片] -> 构建DOM树加载样式 -> ...
图片加载未完成时的默认背景图处理(仅限自己封装的图片加载工具)
Android图片加载时,由于网络状况图片大小手机内存等情况会导致加载图片的时长不同,这时候就涉及到给ImagevVew设置默认图片的问题. 当然了,最简单的方法就是在每个使用ImageVie ...
为什么ps图片打开是色块_图片加载背景色块问题
就是CSS的加载和背景图片的加载不是同步的,尤其首次加载的时候,图片是异步的,具有明显的延迟,于是,我们会看到非常丑陋的色块在一瞬间出现了: 页面渲染流程如下,1. CSS加载:2. 对应DOM渲染, ...
小程序一次性上传多个本地图片，上拉加载照片以及图片加载延迟解决之道
一:小程序之一次性上传多个本地相片最近由于项目需要所以学了下小程序,也做了一些东西,随后便有了以下的一些总结了,现在说说如何使用小程序一次性上传多个本地相片. 问题描述最近做项目的时候要实现一个上 ...
Service Worker 图片加载失败处理
Service Worker 图片加载失败处理参考文档 git clone https://gitee.com/wjj0720/Service-Worker.git 运行 npm i npm sta ...
android 加载进度,Android实现图片加载进度提示
本文实例为大家分享了Android实现图片加载进度提示的具体代码,供大家参考,具体内容如下先上图: 实现原理: 第一个控件的实现原理是重写ImageView的onDraw()方法,利用Canvas的 ...

为什么我的背景图片加载不出来

为什么我的背景图片加载不出来相关推荐

最新文章

热门文章