javascript - 页面中的 Rails 4.1 Sass::SyntaxError#home

标签 javascript html css ruby-on-rails svg

尝试向我的 Rails 应用添加背景图片 background: url('../img/dot-matrix.svg') 50% 0% repeat-y #fff;但是在“...ath 'dot-matrix”之后出现错误“无效的 CSS:预期的”)”,是“.svg'%>')50%...”

复制了assets/images目录下的dot-matrix.svg文件

转到我的 css.scss 文件并将其更改为 background: url('<%= asset_path 'dot-matrix.svg' %>') 50% 0% repeat-y #fff;所以它在我的 css.scss 文件中显示了这一点

.dotmatrix {
    background: url('<%= asset_path 'dot-matrix.svg' %>') 50% 0% repeat-y #fff;
    height: 100%;
    background-size: 50%;
    width: 10%;
    position: absolute;
}

但出现错误 Invalid CSS after "...ath 'dot-matrix": expected ")", was ".svg' %>') 50% ..."

应用程序.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>Oc</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>


<%= yield %>

</body>
</html>

最佳答案

我想你忘了转义单引号。尝试使用这个

background: url('<%= asset_path "dot-matrix.svg" %>') 50% 0% repeat-y #fff;

关于javascript - 页面中的 Rails 4.1 Sass::SyntaxError#home,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29461418/

相关文章:

javascript - Nodejs GET REST API 和频繁访问 MongoDb 数据库

javascript - ESLint 没有找到 React Native 组件

javascript - 如何在 webpack 4 中禁用加载器

javascript - chrome.history.search 开始时间 + 结束时间

html - 像图像一样缩放 div

html表格固定高度?

下拉菜单中的 JavaScript 选择位置

javascript - 使 Twitter Bootstrap Modal 窗口变大

html - IE 6 中的阻止缩放

html - 具有最大 z-index 的绝对定位元素没有可见的溢出