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

刚刚碰到一个奇怪的问题，这样一段CSS代码：

1 .pho6 { background: url(img/pho6.jpg);  }

这段代码居然不能显示出背景图片,路经绝对是没错的
代码肯定没有问题，俄,百度了好久终于让我给找到了
真正的问题在哪？

在url(imagepath)里的这个imagepath(图片路径)。原来它是相对于.css文件所在的文件夹，也就是调用css文件夹下的子文件夹来获取路径地址，

通过浏览器调试,可以看到浏览器获取路径是从css下面的img来找我的图片的，但是

我的img和css是平级的文件夹，就是说css下面是没有img这个文件夹存在的，所以浏览器当然报错了，因为根本找不到嘛

简单点说，就是假如我文件夹下有一个index.html，它要调用index.html所在的一个子文件夹css下的style.css文件，背景图片存放在与css文件夹同级的img文件夹下，于是乎，这里的CSS应该这样写：

background:url(../img/pho6.jpg) ;

灵感来源：烈火网

时间： 2024-10-24 15:11:52

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

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*

css中background背景属性概述

background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/ background:url(背景图片路径)

CSS中background属性详解

CSS背景属性 background css 说明 background-image:url(图片的网址); 背景图 background: url( 图片的网址 ); 背景 background-color:#色码; 背景色彩 Exp: background-image:url(背景图案.jpg,gif,bmp); background-color:#FFFFFF; background-color : tra CSS背景属性 background css 说明 background-imag

CSS中超出的文本内容显示省略号

首先,分析超出内容有两种情况,单行内容超出和多行内容超出,以下逐一说明: 单行内容操作: 单行操作必须有width属性,就是元素要有宽和高的限制才可以,具备以上基本条件之后,编写以下代码 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 此时,即可看到单行文本超出显示省略号的效果. 多行内容操作: 多行文本超出省略早期是没有该写法的,本文使用的是css3对WebKit的拓展写法,需要注意,该方法只适用于WebKit浏览器和移

css中 background设置

css2中有五个与背景相关的属性.它们是: background-color:完全填充背景的颜色 background-image:用作背景的图片 background-position:确定背景图片的位置 background-repeat:确定背景图片是否重复铺平 background-attachment:确定背景图片是否随页面滚动                                                                                

css 中的背景图片小技巧和存在的坑

body 的背景图设置 第一种 :这种情况下背景图片可以缩放 但是不能完全等比缩放 background: url(imgs/1.jpg)no-repeat; background-position:center 0;   背景图的定位原点,由于body高不确定 background-attachment:fixed;  背景图片保持固定,不会随页面滚动而滚动 第二种: 这种情况下的背景图会完全的等比缩放, 随着窗口大小改变 首先给html 设置 height:100%; 给body设置 bac

ie8 background背景图片不显示问题

在chrome,FF可以显示,但是在ie8背景图片显示不出来 css改为如下可以正常显示: background: url(../images/goods.png) no-repeat !important;

关于CSS中background样式的repeat和no-repeat的坐标问题

背景图片我画了一个200px*200px的方格.记为test.jpg 其实是思考贴上的背景小图,与div边框之间的数据关系.从哪里开始贴的,横做坐标表示在哪个点. 例如  no-repeat -50px -50px.就说明是从框外(左右方向-50,上下-50)开始贴的. HTML中选用的是高250px,宽500px的边框2px的长方形 1.未带repeat和no-repeat也无横纵坐标 HTML:代码 background:url(test.jpg) "> 结果: 2.仅有repeat-

Android中ImnageView 中如何让图片拉伸显示?

通过设置android:scaleType="fitXY"使得图片拉伸显示.补充:scaleType的属性有matrix(默认).center.centerCrop.centerInside.fitCenter.fitEnd.fitStart.fitXY.android:scaleType="center"保持原图的大小,显示在ImageView的中心.当原图的size大于ImageView的size,超过部分裁剪处理. android:scaleType=&quo