关于background-image:url()在样式表里设置后有不管用的办法

最新推荐文章于 2024-03-07 09:48:25 发布
最新推荐文章于 2024-03-07 09:48:25 发布
阅读量8.8k 收藏
点赞数 1
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gongth_12/article/details/8849555
版权

 

今天做项目是遇到了这么一个问题。

  就是在样式表里设置background-image:url()属性后，在前台不管用

我原来是这样写的

background-image:url(img/side_nav_select.gif)  这样并不能显示图片，但是路径确实没有问题

后来使用了相对路径

background-image:url(../img/side_nav_select.gif)

这样就能成功了 这个原因不太明白是为什么 希望看到的大神指点一二，感激~
gongth_12
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CSS 一些特别的属性
爱人BT的博客
10-31 780
一、关于 CSS 的重置问题 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b,...
qt样式表设置边框_QT之样式表（样式表规则以及使用大全）
weixin_39778815的博客
12-21 2096
1、QT样式表可以让你自定义任何一个QT控件的样式包括颜色、边框、背景等等(你想的到样式都可以)，Qt样式表的概念、术语和语法与HTML的CSS样式表类似。2、样式表是文本规范，(1) QApplication::setStyleSheet()在整个应用程序上设置，一般在main()函数中：QFile file(":/qss/abc.qss"); //工程控件样式表需要在qss/abc.qss里面...
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
CSS background-image属性
小阳的博客
12-08 4万+
但凡牛掰人物出场，都伴随着“Duang”的特技，它们会不停的加特技，加特技，加特技。CSS背景图片的background-image就是这样一位牛人，它一登场肯定也会加“特技”。下面我们来看看它的“特技”；background-image属性值模式background-image的属性值模式就是用来给它加“特技”的。它的值模式有： url()模式 linear-gradient()模式 repeat
background-image使用
m0_62404884的博客
05-18 4万+
目录 background-image:(" ") background-repeat属性（背景平铺） background-size属性（设置背景图片大小） background-position属性（背景图片位置） 1.background-image: url(" ") ; 首先要知道background-image是将图片作为背景，使用方法为： background-image: url("") ; 其次是关于图片路径问题， 如果该...
CSS背景-background
weixin_30672295的博客
12-29 67
复合属性—background 如果同时设置了background-color和background-image时，背景颜色会被图片覆盖。 background-image:用作背景的图片，background:url( )； 如果将背景设置为图片，那么我们就要考虑以下几个属性了。 background-repeat: repeat-x:横向平铺 ...
【解决】Vue3 background-image:url()不显示问题
qq_22334245的博客
10-14 4097
使用vue3时想给一个div设置背景图片，一开始把background-image:url(xxx/xxx.png)写在了div的style里，背景图片怎么也显示不出来。图片路径也确认过没有问题。给div添加了class属性，并把background-image:url(xxx/xxx.png)改写到中，背景就可以显示了。
html ,css基础题、练习题、面试题(1)
ZHANGJIN9546的博客
06-18 2万+
1.下列哪个是HTML中的空格字符 A div B p C b D   正确答案: D 解析: div 文档布局对象 p 段落 b 加粗   空格 2.从优化的角度来说以下哪个img属性是优化比较好的 A width B border C alt D height 正确答案: C 解析: alt为替换文本,当图片不显示的时候才会出现...
一些鲜为人知的的CSS3属性
_
02-04 871
webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。示例：设置高亮色为50%透明的红色: -webkit-tap-highlight-color: rgba(255,0,0,0.5); 浏览器支持: 只有iO
批量下载CSS样式表里的图片(必备神器)
02-27
在网页设计和开发过程中，CSS（层叠样式表）被广泛用于定义页面的布局和视觉样式。有时，CSS样式表中会包含对图片资源的引用，例如背景图像、图标等。为了有效地管理和优化这些资源，开发者需要一种工具来批量下载...
css background img无法显示
小熙的博客
07-04 3791
css与html路径中的斜杠兼容性不同
使用元素 background-image 时遇到图片显示无效的情况
最新发布
family168的博客
03-07 696
div的特性应该是默认100%的宽和高，我又试了一下。结果还是不行，是有点奇怪的，只能说对元素的理解不够咯！添加了宽和高，结果就可以了。
在CSS样式表引用background-image规则无法在html文件显示的原因和解决办法的原因
weixin_46041602的博客
10-26 295
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html。假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html。假设index.html路径是：c:\Inetpub\wwwroot\sites\html\index.html。
微信小程序之解决background-image属性失效
qq_42109746的博客
03-31 1万+
在做微信小程序时，当遇到需要给某个组件加背景图片时，通常是使用 background-image 这个属性。在以往的网页程序中，直接在这个属性后面加上相对路径或绝对路径，便可以将背景图片显示出来。但是，在微信小程序中却不可以，如果直接设置相对路径或者绝对路径，那么在微信开发者工具中的模拟器确实可以显示出来，但是一到了真机进行调试，却会发现这个属性失效了。目前有两种解决办法： 第一种：将图片路径设...
【WEB】关于网页设置 background-image: url死活显示不出来的解决办法
@point
03-24 2万+
图片或者背景显示不出来，大部分都是路径的问题。 这是我图片所在的文件夹。相信很多有这个问题的小伙伴都是像我下面这样写的路径。那么背景图是不会显示出来的。。 解决办法如下图！ 原因是： 在img的src中，是以当前html网页做相对文件，来设置引入图片的路径。 在外部样式css文件中，设置某个元素的background-image的url()；是以你当前的css文件所在路径做为相对路径找起。 ...
为什么background:url(imagespath)不起作用
qq_42444795的博客
05-05 3265
因为我也是html初学者,所以在使用background:url();的时候难免会出错，就是不知道何时用background: url(images/timg.jpg)或者何时用background: url(…/images/timg.jpg):经过网上的综合，总结出以下。 当你的style样式在html里面时，用background: url(images/timg.jpg)；例如以下html...
小程序 css设置 background-image 未生效
weixin_44805839的博客
06-29 2575
小程序 设置背景图的几种方法
background-image:url()图片不在中心怎么解决
05-31
background-image: url('your-image-url'); background-position: center center; ``` 2. 使用background-size属性调整背景图片的大小，使其适合容器并居中。例如，使用以下代码将背景图片调整为100%容器宽度，高度...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值