您的位置:首页 > 编程语言 > Ruby

ruby -- 进阶学习(十四)设置background-image(解决无法获取图片路径问题)

2013-09-12 12:29 876 查看
基于rails4.0环境

为了美化界面,添加背景图片,于是又傻逼了一回~~

一开始在xxx.html.erb中添加:(注:图片的路径为:app/asssets/images/background.jpg)

<style>
……
html {
background-color: #447d9a;
background-image: url(background.jpg) ;
background-repeat: repeat-x;
background-position: 100% 50%;
background-size: cover;
background-attachment: fixed;
}
……
</style>


然后报错:

No route matches [GET] "/background.jpg"


在页面加入测试语句:

<img src="background.jpg">


发现图片能够显示。。。

然后搜索了很多网页,都说会不会是图片路径错误。

于是,把可能的路径都添加了这张图,依然不行~~

苦逼了好久~~

然后尝试用 asset-url,还是不行

然后,去看文档:http://edgeguides.rubyonrails.org/asset_pipeline.html,得到启发

在layout/application.html.erb中添加下面代码:

<%= image_tag "background.jpg" %>


然后背景图片路径配置还是照那样写,如下

background-image: url(background.jpg) ;


结果,图片能够显示了。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐