background:url() 背景图不显示
2024-08-25 18:56:37
奇怪的问题:
.box-3 {
width: 100%;
height: 500px;
border: solid 2px red;
margin-top: 70px;
padding: 0 0 0 800px;
box-sizing: border-box; background: url("img/aike.jpg");
}
居然不能显示出背景图片,路经似乎是正常的
问题原因:
在url(imagepath)里的这个imagepath(图片路径)。这个url寻址位置是以css文件夹为root目录,也就是导入css的上一级目录
通过浏览器调试,可以发现从css下面的img来找图片,但是img和css是平级的文件夹,就是说css下面是没有img这个文件夹存在的,所以浏览器当然报错了,因为根本找不到
那,解决办法?
让其向上找一级,在让他找到img目录 ,在图片路径上加上 ../ 让其以上一级目录为root目录
.box-3 {
width: 100%;
height: 500px;
border: solid 2px red;
margin-top: 70px;
padding: 0 0 0 800px;
box-sizing: border-box; background: url("../img/aike.jpg");
}
最新文章
- VS2015 + Cordova Html5开发使用Crosswalk Web引擎
- 笔记本(WIN7|XP)发射wifi信号 当无线路由使用
- js_css_dl.dt实现列表展开、折叠效果
- Raft论文的一些问题
- 07---Net基础加强
- poj1260 pearls
- IT服务系统组成
- libserialport: cross-platform library for accessing serial ports
- 通过css代码使边框变圆角(ie9以下浏览器不支持)
- POJ2411 - Mondriaan's Dream(状态压缩DP)
- hibernate---一对一单向主键关联(不重要)
- CodeForces 652C Foe Pairs
- FFmpeg源代码简单分析:avformat_write_header()
- Hdoj 2501.Tiling_easy version 题解
- ionic2/cordova自定义插件集成aar包
- Shell 与正则表达式part1
- nginx的https代理http配置
- Python自动化开发 - 函数
- day34
- css - Position定位属性与层级关系
热门文章
- STM32f103x IAP远程升级小结
- JavaScript(jquery)实现二级菜单联动
- hdf5 AttributeError: 'UnImplemented' object has no attribute 'read'
- js中的伪数组
- 没有robots.txt文件是否会影响收录呢
- 软件161A 张慧敏
- ajax--->;简单加法小练习
- 大搜车知乎live中的面试题结题方法记录
- lambdas了解
- 【干货分享】dos命令大全