Question

我有一个存储在app>资产>图像下的svg文件，名为login.svg

在我的登录页面中

doctype html
html
 head
  title
   =stylesheet_link_tag 'login'
   =csrf_meta_tags
 body.login-body
  .circle

然后在我的login.scss文件中

.login-body {
  background-color: #f2f3f5;
  height: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
  background-image: url('/images/login.svg');
}

实际上没有显示，最终我进入了日志：

Started GET "/images/login.svg" for 172.18.0.1 at 2019-12-11 19:22:11 +0000
ActionController::RoutingError (No route matches [GET] "/images/login.svg"):

所以我然后就搞砸了，只是让徽标显示为应用程序>资产>图像>徽标> r下的背景图像。我使用它来工作：

background: image-url('logo/r/main-logo.png');

因此，到那时，我将svg文件移动到了logo / r目录并尝试了：

背景图片：url（/logo/r/login.svg）;
背景图片：url（<％= asset_path'/logo/r/login.svg'％>）;
背景：image-url（'logo / r / login.svg'）不重复；

第二个具有asset_path的结果为：

在“ ... und-image：url（”：预期的“）”之后，无效的CSS是“ <％= asset_path ...”

所以我把报价引为：

"<%= asset_path '/logo/r/login.svg' %>"

这显示错误

无效的请求：无效的HTTP格式，解析失败。

第三个选项没有引发任何错误，但实际上没有任何显示。那么，我需要点击允许svg显示吗？

Rails将SVG设置为背景图像-不显示

0 个答案: