zoukankan      html  css  js  c++  java
  • ruby -- 进阶学习(十四)设置background-image(解决无法获取图片路径问题)

    基于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) ;

    结果,图片能够显示了。。。

  • 相关阅读:
    Tinkoff Challenge
    Tinkoff Challenge
    Tinkoff Challenge
    Tinkoff Challenge
    整体二分
    树链剖分+LCT
    上下界网络流
    莫队
    可并堆
    bzoj_1033: [ZJOI2008]杀蚂蚁antbuster
  • 原文地址:https://www.cnblogs.com/lmei/p/3316629.html
Copyright © 2011-2022 走看看