CSS background:url 路径问题

最新推荐文章于 2024-03-23 18:22:33 发布
最新推荐文章于 2024-03-23 18:22:33 发布
阅读量3.9k 收藏
点赞数
分类专栏： Javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bruce_you/article/details/73311797
版权
刚刚碰到一个奇怪的问题，这样一段CSS代码： 

 1 divTitle { background:url(goods/WebRoot/images/bg_btns.png)  } 

这段代码居然不能显示出背景图片,我使用的是图片的路径，

 1 divTitle { background:url(goods/images/bg_btns.png)  } 

上面这段代码是项目源程序代码，我表示看不懂。通过思考我采用了相对路径的方法去改写了一个自己能理解的代码

 1 divTitle { background:url(../../../images/bg_btns.png)  } 

这样也是可以的。
求有关人士解答我最开始的代码不可以的问题。
Bruce_You
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css中url的路径含义及使用
09-25
在CSS中有用url语法来指定background-image或是其他引用文件中
CSS—background: url(imagePath);使用小结
草堂夜归人
09-20 2万+
CSS之background: url();使用小结 作为前端初学者，总是会遇到这样哪样的疑惑。这不，这次在background 属性时遇到了问题——即运用了background: url( imagePath );后不起作用。 最后在百度上搜了下发现遇到同样问题的人还真不少，但是很多人的回答并没有说到点上去，所以经过自己的摸索后今天把我的“总结”贴出来供大家交流。 真正的问题
CSS background 详解
最新发布
xjiasean的博客
03-23 203
(1) url() 图片的路径(2)no-repeat 背景图片不重复排满整个背景；repeat-x 表示X轴方向重复铺满；repeat-y 表示Y轴方向重复铺满；(3)第一个1px 表示距离左边1px；第二个1px 表示距离顶部1px（其中位置部分也可以写成：center、top、bottom、right、left）(4)fixed 设置背景图片是否随内容滚动，默认fixed=固定；scroll=滚动。
CSS3 url()语法 绝对路径问题
NEET007的博客
07-26 2168
CSS3 url()语法 绝对路径
小程序实现解压木鱼
09-11 8687
电子木鱼，小程序木鱼，水波纹效果，声波效果，小程序引入点击音效，小程序短震动反馈，小程序图片放大缩小效果。
div设置背景图background:url
aa_moon的专栏
09-27 4796
CSS【background+url路径写法（同一路径或不同路径）】
随便写写
07-07 1万+
CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background-color 属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中: background-image 属性描述了元素的背景图像.默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.尽量把图片放置在与.html文件同一目录下【我自己在写background-image的时候，把网页文件和图片放到两个不同文件夹中，需要加../同一级/图片】默认情况下 background-image
css url,简单介绍CSS中的URL工具
weixin_35980011的博客
08-03 720
有许多原因使得你需要在CSS代码中系统性的替代URL：将其转换为数据URI、将其指向一个CDN、将其文件名替换为自动生成的文件名，等等。这个工具能够帮你从给定的CSS代码中将URL解析出来，并允许你将其替换为你选择的任意值。替换后的CSS代码与源代码完全相同，除了URL已经根据你的选择进行了替换。这个库包含诸多工具，能够帮助你操作和更改CSS URL。CSS URL重写器(Rewriter)CSS...
divcss控制
虚拟等待的专栏
07-02 667
div { background-image:url(/images/bg.jpg);　　/*设置div层的背景图片*/ background-repeat:no-repeat;　　/*背景图片不重复显示*/ background-repeat:repeat;　　/*背景图片横向及纵向重复*/ background-repeat:repeat-x;　　/*背景图片横向重复*/ backg
css中url的路径含义
09-25
在CSS中有用url语法来指定background-image或是其他引用文件中
Javascript获取background属性中url的值
11-29
最近在做项目的时候遇到一个问题，需要获取一个动态预览的图片的地址，这其实不是什么问题，主要是该图片的路径是写在css的background-img属性中的，于是决定要用js获取它的url中的内容，下面给大家分享解决的方法，...
background-image:url();url中怎么写；以及区分background属性；
热门推荐
rmkloveme
10-26 14万+
background-image:用于设置需要显示背景图片；  例如-->background-image:url(demo.jpg); 大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg） 1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹 那么直接填写demo.jpg； -->background-image:ur
Python+PyQT5学习笔记之设置Icon及背景图片
漂泊的小京鱼的博客
04-23 5224
吐槽:QT Designer实在用着不舒服(用惯了Winform的是否会觉得这个就是辣鸡)...所以一直手动画页面, 可能还灭有接触到复杂布局, QT Designer还需要持续学习和作为目前的辅助工具使用. 今天遇到的问题其实很简单, 做了一个登录界面, 验证登录名密码后跳转到主页面. 想把登录页面做的好看一点, Icon图标, 背景图片, 都准备好了, 然后写代...
:style=““给div动态绑定背景图
晚风的博客
10-21 1339
getdata.left.bgurl是背景图片地址 <div class="content" :style="{backgroundImage: 'url(' + getdata.left.bgurl + ')', 'background-repeat': 'no-repeat', 'background-size': '100% 100%',}"> <p class="c.
vue 动态绑定style：backgroundImage时的路径问题
yang_927的博客
09-26 3460
最初写法： 子组件html部分代码： <div class="file-card" :style="{backgroundImage: bgUrl}">...</div> 父组件html部分代码： <infoCard v-for="(item,key) in dataShow" :title="item.title" :total="item.total" :icon="item.icon" :key="key" :bgUrl="item.bgUrl"&gt...
关于Avatar 头像问题
weixin_43365444的博客
11-26 3439
头像一般都设置一个默认头像，开发中遇到一个问题动态设置头像，data设置一个默认值，但默认图片并不显示。 <el-avatar :size="80" class="Headportrait"> <img :src="url?url:bgurl"/> </el-avatar> <script> import bgurl from '../../as...
python3.5 爬取bing搜索结果页面标题、链接
要做程序猿也要做迷妹
09-17 8683
python3.5 爬取bing搜索结果页面标题、链接import re,urllib.parse,urllib.request,urllib.error from bs4 import BeautifulSoup as BSbaseUrl = 'http://cn.bing.com/search?' word = '鹿晗 吴亦凡 张艺兴' print(word) word = word.encod
html backgroundurl无效,css background不显示是什么原因？
weixin_34053992的博客
06-04 7601
在CSS中，可以使用background属性来设置背景，可以设置背景色，也可以设置背景图片。但有时background不显示，这是什么原因？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。css background不显示是什么原因？1、css没有被调用；请检查css调用是否成功，2、div设置错误容易导致背景图片高度太大则无法显示，3、css设置背景用的background，书写方式是.di...
CSS url（）
cuk0051的博客
08-31 646
When we talk about background images, @import, and more, we use the url() function to load a resource: 当我们谈论背景图像，@ @import等时，我们使用url()函数加载资源： div { background-image: url(test.png); }In this case I...
css的background:url用法
03-16
CSS的background:url用法是用来设置元素的背景图片。通过指定图片的URL地址，可以将图片作为元素的背景。例如： background:url("image.jpg"); 其中，image.jpg是图片的文件名，可以是相对路径或绝对路径。如果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值