css 图片路径
来源:互联网 发布:ipadmini 2越狱优化 编辑:程序博客网 时间:2024/06/06 04:45
1、不要给背景图片路径加引号
将background:url("xxx.gif")改为background:url(xxx.gif)
因为对于部分浏览器加引号反而会引起错误。
2、背景图片的路径是相对与当前css页面的路径。
例如:
有如下目录结构
|--images
|--xxx.gif
|--css
|--xx.css
|--index.html
代码内容
index.html引用xx.css文件。<link rel="stylesheet" href="css/xx.css" />
xx.css要引用xxx.gif图片其写法为:background:url(../images/xxx.gif)
这里的../是指回到上一层目录,如果是上两层目录呢?那就是../../。
3、我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中。我们会发现有时候我们的图片无法显示了。此时,请查看你的CSS代码,是不是重复设置有问题,是不是图片的定位有问题。如果这些都没有问题请去掉background的重复与定位属性,还原成默认性。如果图片还是没有出现,那只能是我们今天所说的路径问题了!在一般情况下,我们习惯于这样设置图片路径:
Example Source Code:
background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);
对于第一种情况“url(logo.jpg)”。我们要看此图片是不是与CSS文件在同一目录。对于第二与第三种情况,我们是极力不推荐使用的,因为我们的网页文件可能存在于多级目录中,不同级目录的文件位置注定了我们的相对路径是不一样的。而这样就让问题复杂化了,很可能图片在这个文件中显示正常,换了一级目标,图片就找不到影子了。
有一种方法可以轻松解决这一问题,我们可能建立一个公共文件目录,用来存放一些公用的图片文件,JS脚本,CSS文件,例如“common”,我们将CSS文件直接置于该目录中,也可以将图片文件也直接存于该目录中,如果图片文件较多在其内部建立一个目录存放图片文件“common/images”。我们在CSS文件中直接写:url(logo.jpg)或url(images/logo.jpg)就可以搞定上面的问题了.
- css 图片路径
- css里面图片路径问题
- css样式中图片路径
- javascript 和css图片路径的不同
- zend framework 图片以及css路径问题
- css ,javascript中的图片路径设置
- css和js引用图片路径
- css ,javascript中的图片路径设置
- django css样式,图片路径问题解决方案
- 第九节、图片处理:css分离与图片路径处理
- 一个关于css中图片相对路径引用的示例
- css和javascript中图片路径的不同
- wordpress解决主题中路径的问题(图片,css)
- 所以针对Css中图片路径问题总结如下:
- ThinkPHP的调用css,js和图片的路径
- css和javascript中图片路径的不同(原创教程)
- 正则匹配css文件里面的图片路径
- css和javascript中图片路径的不同
- filter过滤器功能简介
- Windows CE下操作GPIO的方法(以ARM9 S3C2410为例)
- 梦想20年内不能治愈的疾病彻底灭绝 - 盖茨
- Linux系统信息查看命令大全
- Axis2调用超时Read timed out的解决办法
- css 图片路径
- ExtJS结构
- Ubuntu 显示中文帮助 以及 putty 中显示中文
- 在Windows下配置Tomcat SSL(Https)
- 关于Excel Vba 自动生成代码的一些研究
- 《你必须知道的.net》读书笔记—对象的旅行
- Custom Report Item Sample
- 基于Qt 4.6的Qt Creator 1.3.0环境变量设置
- orcale删除表空间