SVG图像不能从Rails中的CSS文件显示

我在名为dot-matrix.svg的资产/图像目录中没有显示在我的页面上的图像。SVG图像不能从Rails中的CSS文件显示

我在CSS代码读取

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

}

视图中的块我有这样的：

<section id="content-receipt" class="clearfix"> 
    <div id="receipt-container"> 
    <div class="dotmatrix left"></div> 
... 
<div class="dotmatrix right"></div> 
</div> 
<div id="receipt-shadow"></div>

上这是为什么不显示任何想法？注意：我尝试将CSS代码从asset_path更改为image_path，并将dot-matrix.svg更改为images\dot-matrix.svg - 两者均未成功。

来源

2015-09-07 mike0416

在控制台中是否有任何错误，您能否检查浏览器正在查找的路径以加载映像 – Bijendra

你忘了=：

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

您可以通过交换组单引号的一个双修复在erb-tags中：

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

如果这还不够，请使用您的浏览器的开发人员工具，找到div，找到相应的样式定义，并查看它为背景属性显示的内容。

来源

2015-09-07 14:15:27 Meier

它不工作，因为你把单引号单引号内：

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

来源

2015-09-07 13:43:55 ellen

SVG图像不能从Rails中的CSS文件显示

回答

相关问题