随笔-28  评论-21  文章-3  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 天蓝 阅读(6709) 评论(11) 编辑 收藏

评论:
#1楼 2006-12-27 23:45 | ZergTant      
直接完整url就行了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 | _ぃ啝.ī緔
正要解决这个问题，真是太感觉了
　回复　引用　  
#11楼 2009-11-14 13:41 | xixi1111[未注册用户]
问题真的 解决了 不过这不是个好办法;
谁知道 放在图片文件夹里 的也能成功？
急求啊！！
　回复　引用　  
最新IT新闻:
· 苹果征集iPad 3发布会演示应用 重点是图形应用
· 京东商城涉足汽车销售 将上线售车频道
· 亚马逊新广告挑衅苹果：一个iPad可买三台kindle
· 动视暴雪确认今年第二季度推出《暗黑破坏神3》
· 官方承认 Google Bar 逆行倒施
» 更多新闻...
昵称：天蓝
园龄：6年10个月
粉丝：0
关注：0
<2006年12月>
日一二三四五六
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

搜索

 
 

常用链接

随笔档案

相册

最新评论

阅读排行榜

评论排行榜

推荐排行榜

Powered by: 博客园 模板提供：沪江博客 Copyright ©2012 天蓝