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文件顯示

回答

相關問題