ruby -- 进阶学习(十四)设置background-image(解决无法获取图片路径问题)
2013-09-12 12:29
876 查看
基于rails4.0环境
为了美化界面,添加背景图片,于是又傻逼了一回~~
一开始在xxx.html.erb中添加:(注:图片的路径为:app/asssets/images/background.jpg)
然后报错:
在页面加入测试语句:
发现图片能够显示。。。
然后搜索了很多网页,都说会不会是图片路径错误。
于是,把可能的路径都添加了这张图,依然不行~~
苦逼了好久~~
然后尝试用 asset-url,还是不行
然后,去看文档:http://edgeguides.rubyonrails.org/asset_pipeline.html,得到启发
在layout/application.html.erb中添加下面代码:
然后背景图片路径配置还是照那样写,如下
结果,图片能够显示了。。。
为了美化界面,添加背景图片,于是又傻逼了一回~~
一开始在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) ;
结果,图片能够显示了。。。
相关文章推荐
- 解决 UIView 设置背景为UIImage图片变型问题[XXX setBackgroundColor:[UIColor colorWithPatternImage:XXX]];
- ubuntu下apache2的设置, 解决css,图片等无法显示的问题
- android红米等关于读取本地文件夹图片获取路径的问题的解决
- document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
- 解决QML设置Image 的source 时路径为绝对路径的问题
- 解决ImageView手势缩放设置matrix属性后图片无法居中的问题
- 相机获取的图片无法显示在ImageView中(解决)
- android红米等关于读取本地文件夹图片获取路径的问题的解决
- windows无法设置xxx密码,原因是找不到网络路径问题解决
- 解决ckeditor中文路径无法下载,无法显示图片问题
- .document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
- Linux CentOS设置静态获取ip,解决无法上网问题
- 解决图片对象不能json序列化问题:<ImageFieldFile: image/background_IXSZChD.jpg> is not JSON serializable
- 从设置a标签背景图片无法显示探究background-image:url()
- Flex解决“无法为区域设置“zh_CN”解析资源束“ViewerStrings””问题总结(学习笔记)
- 解决华为手机获取不到图库图片的路径问题
- 【Android】Universal Image Loader图片加载框架无法加载https图片问题解决方法
- java上传文件到磁盘中,设置tomcat虚拟路径进行访问,解决重布项目图片消失问题
- 解决 UIView 设置背景为UIImage图片变型问题[XXX setBackgroundColor:
- 解决android4.4以上获取不到图片路径问题