background:url()不显示 总结

对于background:url(imagePath);图片的不显示问题,有以下两种情况:

一.imagePath出错:

当你所写的css文档与HTML文档不在同一级的情况下,比如

      css文档存储在style文件夹中,css中的background:url(imagePath)imagePath需要这么写:(../images/image.jpg)

这就是所谓的相对路径。

二.imagePath正确:

当我们确认自己的imagePath是无误的,但是background:url()还是不显示,你可以进行这种方法进行解决。

html:

<div id="div1"></div>

css:

#div1{ background:url(imagePath);}

/*这种书写css的情况下,图片加载不出来的情况*,应该是div1的样式不全,他没有依托,所以给他设置一定的宽高,就可以出现效果*/

比如:width:100%; height:300px;等。

时间: 2024-10-11 04:29:24

background:url()不显示 总结的相关文章

CSS中background:url(图片) 不能显示的问题

刚刚碰到一个奇怪的问题,这样一段CSS代码: 1 .pho6 { background: url(img/pho6.jpg);  } 这段代码居然不能显示出背景图片,路经绝对是没错的代码肯定没有问题,俄,百度了好久终于让我给找到了真正的问题在哪? 在url(imagepath)里的这个imagepath(图片路径).原来它是相对于.css文件所在的文件夹,也就是调用css文件夹下的子文件夹来获取路径地址, 通过浏览器调试,可以看到浏览器获取路径是从css下面的img来找我的图片的,但是 我的im

background:url() 背景图不显示

奇怪的问题: .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文件夹

background: url 背景图片加时间戳不显示图片

在项目中一段这样的代码 背景图片加时间戳图片显示不出来 <div id="header" class="header clearfix" style=" background: url(/U_HomeImage/T_CityManage/4_CM_Pic.png?2014-8-4 16:46:51) no-repeat left;background-size: 180px 87px;padding-left: 190px;"> 图片

URL无法显示某些特殊符号

URL无法显示某些特殊符号,这个时候就要使用编码了.编码的格式为:一个百分号,后面跟对应字符的ASCII(16进制)码值.例如 空格的编码值是"%20".(ASCII参考)URL中的特殊字符特殊含义 十六进制值 1.+ 表示空格(在 URL 中不能使用空格) %20 2./ 分隔目录和子目录 %2F 3.? 分隔实际的 URL 和参数 %3F 4.% 指定特殊字符 %25 5.# 表示书签 %23 6.& URL 中指定的参数间的分隔符 %26 7. = URL 中指定参数的值

background: url("ww.jpg") -40px -80px no-repeat;

<div class="a1"></div> .a1{ width: 20px; height: 10px; background: url("ww.jpg") -40px -80px no-repeat; } background: url("ww.jpg") 1.正常位置:图片左上角与div左上角对齐,此位置为基准位置 2.偏移:-40px代表div不动,图片向左移动40像素,-80px代表div不动,图片向上移动80

Django中CSS加载background url(‘‘)问题

在django中, 默认CSS中如果有 background url('images/a.jpg') 这类的属性,会被django当成URL来解析 这样会造成找不到该文件的问题. 所以为了解决这个问题,首先需要配置setting.py, 配置STATICFILES_DIRS STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) 然后把需要引用的文件放入static目录 然后在html文件夹中,开头加入 {% load staticfil

从输入url到显示网页,发生了那些事情?

作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等. 本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事- 1. 首先嘛,你得在浏览器里输入要网址: 2. 浏览器查找域名的IP地址 导航的第一步是通过访问的域名找出其IP地址.DNS查找过程如下: 浏览器缓存 – 浏览器会缓存DNS记录一段时间. 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器

从地址栏输入url到显示页面都发生了什么?

参考 http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ http://www.cnblogs.com/wenanry/archive/2010/02/25/1673368.html http://www.cnblogs.com/rollenholt/archive/2012/03/23/2414345.html 原文:http://igoro.com/archive/what-really-happe

(转)HTML&amp;CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法

http://blog.csdn.net/oscar92420aaa/article/details/51304067 CSS中背景图片的定位,困扰我很久了.今天总算搞懂了,一定要记下来. 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:background-position: 0px 0px; 3)百分比:background-position: 0% 0%; 上面这三句语句,都将图片定位在背景的左上角,表面上看效果是

从输入URL到显示页面的过程分析

作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等. 本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事-1. 首先嘛,你得在浏览器里输入要网址: 2. 浏览器查找域名的IP地址 导航的第一步是通过访问的域名找出其IP地址.DNS查找过程如下: * 浏览器缓存 – 浏览器会缓存DNS记录一段时间. 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览