文档章节

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

W_Lu
 W_Lu
发布于 2016/05/06 12:58
字数 286
阅读 252
收藏 0

刚刚碰到一个诡异的问题,这样一段CSS代码:

background:url(images/bg/bg1.gif) no-repeat;

这段代码居然不能显示出背景图片,倒塌。。。
代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Google,发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。

真正的问题在哪?

在 url(imagepath)里的这个imagepath,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,简单点说,就 是假如我有个index.htm,它要调用index.htm所在的一个子目录style目录下的style.css文件,背景图片存放在与style目 录同级的images目录下,于是乎,这里的CSS应该这样写:

background:url(../images/bg/bg1.gif) no-repeat;

本文转载自:http://www.veryhuo.com/a/view/11473.html

共有 人打赏支持
W_Lu
粉丝 10
博文 51
码字总数 14722
作品 0
佛山
系统管理员
私信 提问
加载中

评论(2)

W_Lu
W_Lu

引用来自“lieefu”的评论

这是科学的,如果跟引用的文件所在目录相关,麻烦就大了!
明白,只是因为初学,不太懂原理!
lieefu
lieefu
这是科学的,如果跟引用的文件所在目录相关,麻烦就大了!
IE浏览器中jquery 使用load html 的background-image不能显示的问题

在使用jquery中的load函数动态加载html页面时,html页面中带有background-image 元素。在IE浏览器中不能正确显示背景图片。比如: <html><head><style type='text/css'>div.role_underline{......

zhailibao
2013/03/15
0
0
ext 中的iconCls配置以及使用以及路径问题

首先是ext的iconCls配置问题: 使用过Ext(http://www.extjs.com)的同志都应该知道,每一个组件(Component)在初始化的时候,都会有一个配置参数(Config){在Ext2中,基本上所有的组件的构...

Junn
2013/02/04
0
0
前端设计师必知的background属性(有CSS3内容)

回顾 css2中有五个与背景相关的属性。它们是: background-color: 完全填充背景的颜色 background-image: 用作背景的图片 background-position: 确定背景图片的位置 background-repeat: 确定...

黑魔法
2016/07/19
36
0
html中background-image属性的设置

对于图片,首先我们先想到是背景图片。因为我们许许多的装饰都是用背景图片来实现的。既然这样,那么就从CSS控制背景图片讲起吧。 原文在这里

慕广陵
2012/11/29
0
0
input按钮的background-image属性兼容性问题

一般来说,设置input按钮的background-image属性,在Firefox,Chrome等标准W3C浏览器中,只要写二行css: background-image: url(images/hello.jpg); background-repeat: no-repeat; 但是在IE下...

serverking6
2013/08/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

winscp中使用sudo的方法

用截图了解如何在 WinSCP 中使用 sudo。 首先你需要检查你尝试使用 WinSCP 连接的 sftp 服务器的二进制文件的位置。 你可以使用以下命令检查 SFTP 服务器二进制文件位置: [root@kerneltalk...

Linux就该这么学
21分钟前
1
0
四、MyBatis中查询执行流程

一、查询执行大致流程 在MyBatis中,查询执行的大致流程如下:

yangjianzhou
28分钟前
1
0
系统幂等设计

前言 幂等简单的定义: 系统中的多次操作,不管多少次,都应该产生一样的效果,或返回一样的效果。 比如实际的业务请求为创建一个活动,理论上需要根据业务形态开发幂等创建活动的接口,这样...

春哥大魔王的博客
52分钟前
2
0
DevSecOps 运维模式中的安全性

导读 本文想从技术的角度谈谈我对云计算数据中心 DevSecOps 运维模式中的安全性的理解,和过去几年我在云服务业务连续性管理方面的探索。 现在公有云服务商都不约而同地转向 DevSecOps 模式。...

问题终结者
55分钟前
0
0
java 基础脑图 转载来的

NotFound403
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部