随笔-26  评论-20  文章-4  trackbacks-0
内联CSS的background-image属性图片相对路径设置失败

编辑母板页时，若在内联CSS里使用诸如background-image: url(title.jpg)或background-image: url(/title.jpg)或background-image: url(../title.jpg)或background-image: url(~/title.jpg)，都将导致网页的图片无法显示，或者是位于其他目录的网页，或者是全站的所有网页。

为了解决这一问题，可以将该属性放到单独的CSS文件中，CSS文件和图片文件位于同一目录下，属性设置为background-image: url(title.jpg)，再在母板页中引用该CSS，这样就可以解决了。

 

posted on 2006-12-27 22:25 天蓝 阅读(3346) 评论(10)  编辑 收藏 网摘

评论:
#1楼 2006-12-27 23:45 | ZergTant      
直接完整url就行了http://www.aaa.com/title.css">http://www.aaa.com/title.css
另外就是css里面没有~符号吧
  回复  引用  查看    
#2楼[楼主] 2006-12-29 11:35 | 天蓝      
这样也可以，只是我的图片是存在网站上的，不是引用的其他网站的图片。~符号CSS里冒似是没有，我只是病急乱投医罢了。
  回复  引用  查看    
#3楼 2007-01-07 00:38 | 小志[未注册用户]
你好
我想学习css的一些基本的东西，你能教教我吗？
谢谢！
  回复  引用    
#4楼[楼主] 2007-01-08 13:06 | 天蓝      
@小志
可是我也是初学。。。找个教程看看吧，网上很多的
  回复  引用  查看    
#5楼 2007-01-22 19:38 | 宇光[未注册用户]
我遇到了你说的问题，但就是不知道怎么解决．
非常感谢你给出了这个方法！
  回复  引用    
#6楼 2007-01-24 10:34 | 天空[未注册用户]
我也遇到你所说的问题，因为我是初学，你所说的我还是有点不明白。
  回复  引用    
#7楼 2007-01-24 10:50 | 天空[未注册用户]
我也不知道你所说的是不是和我遇到的一不一样，是图片的时候它会显示，是背景的时候就没有了，而且只是左边没有，而右边却能显示，我就不知道是怎么一回事了。
  回复  引用    
#8楼 2008-01-04 10:51 | eva[未注册用户]
非常感谢,我正在搞这个问题,研究了一阵子没搞机密怎么设置相对路径.
  回复  引用    
#9楼 2008-06-18 09:16 | 笑喘[未注册用户]
you can do like this:
background: url(title.jpg);
  回复  引用    
#10楼 2009-03-19 20:24 | _ぃ啝.ī緔
正要解决这个问题，真是太感觉了
  回复  引用    



发表评论

昵称： [登录] [注册]

主页：

邮箱：(仅博主可见)

评论内容：

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 605457




相关文章:

相关链接:
Powered by: 博客园 模板提供：沪江博客 Copyright ©2009 天蓝