2013-09-24 40 views
2

我試圖從VideoJS自定義CSS。您可以看到默認的css這裏:http://designer.videojs.com/在CSS中製作base64網址在Rails中工作

注意,這個CSS利用的base64網址爲圖像像這樣

background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; 

當我將其複製並CSS粘貼到我的Rails項目和火起來我本地機一切加載罰款,除了這些圖像我看到廣場。我認爲它是因爲rails默認不知道如何處理這種格式。

我該如何理解上面的這一行?

回答

0

這可能是因爲Rails需要它那裏的url沒有編碼。這樣做的典型方法是使用來自Rails的asset_data_uri幫手(如果您在文件上使用.erb預處理器)或使用鏈輪上的asset-data-url幫助程序。

從鏈輪的asset-data-url($relative-asset-path)助手:返回在指定的路徑的URL參照Base64編碼的資產。例如:asset-data-url("rails.png")成爲url(data:image/png;base64,iVBORw0K...)在這裏看到:https://github.com/rails/sass-rails

如果您可以使用此方法並指向你可能不得不使用Rails獲得編碼的資產權的base64更好的運氣實際資產。

+0

謝謝。任何想法我將如何得到真正的資產指針?上面鏈接中的CSS已經是base64格式。 – pejmanjohn

+0

也許試試這個...似乎很有希望:http://www.motobit.com/util/base64-decoder-encoder.asp – pdobb

相關問題