Question

这就是我所拥有的：

 <%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", font_path("http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic"), :media => "all" %>

我正在努力推向Heroku，这是我得到的错误：

Started GET "/" for XX.XXX.XX.XX at 2012-06-07 04:45:14 +0000
2012-06-07T04:45:15+00:00 app[web.1]: 
2012-06-07T04:45:15+00:00 app[web.1]: ActionView::Template::Error (Invalid CSS after "background:": expected pseudoclass or pseudoelement, was " -webkit-linear..."
2012-06-07T04:45:15+00:00 app[web.1]:   (in /app/app/assets/stylesheets/application.css)):
2012-06-07T04:45:15+00:00 app[web.1]:     15:   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
2012-06-07T04:45:15+00:00 app[web.1]:     16:   <meta name="apple-mobile-web-app-capable" content="yes">
2012-06-07T04:45:15+00:00 app[web.1]:     17: 
2012-06-07T04:45:15+00:00 app[web.1]:     18:     <%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", "http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic", :media => "all" %>
2012-06-07T04:45:15+00:00 app[web.1]:     19:     <%= favicon_link_tag 'favicon.ico' %>
2012-06-07T04:45:15+00:00 app[web.1]:     20:     <%= favicon_link_tag 'apple-touch-icon.png', :rel => 'apple-touch-icon', :type => 'image/png' %>      
2012-06-07T04:45:15+00:00 app[web.1]:     21:     <%= favicon_link_tag 'apple-touch-icon-72x72.png', :rel => 'apple-touch-icon', :type => 'image/png', :sizes => '72x72' %>     
2012-06-07T04:45:15+00:00 app[web.1]:   app/views/layouts/application.html.erb:18:in `_app_views_layouts_application_html_erb__609869981572297479_34051980'

我甚至尝试取出font_path帮助器并仅包含URL，但这不起作用。

思想？

P.S。我正在推动雪松堆 - 如果重要的话。

修改1：

Application.CSS

/*
 *
 *= require_self
 *= require_tree .
*/

编辑2：

我在CSS中发现了几行webkit-linear ...我该如何使用？我可以在短期内评论它们，但我需要它们工作。

思想？

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */

Answer 1

我必须在我的一个样式表中注释掉这一行。

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */

我不知道真正的解决方案是什么，但这种解决办法似乎对我有用。

这有什么问题＆lt;％= stylesheet_tag％＆gt;？

1 个答案: