Question

我遇到了一个我正面临的问题。我尝试过多次在stackoveflow之后解决它但没有成功。 css图像在本地计算机上加载，但不在heroku上加载。

style.css.sccs文件：

#header-section {
    background-image: asset-data-url("Benz-E-Class.jpg");
        background-repeat:no-repeat
        center top;
    margin-top: -20px;
    padding-top:20px;
    text-align:center;
    background-position: center center;
    min-height: 700px;
    width: 100%;    
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

on production.rb：

 config.cache_classes = true
 config.serve_static_assets = true
 config.assets.compile = true
 config.assets.digest = true

我执行了：

RAILS_ENV=production rake assets:precompile

gem文件：

source 'https://rubygems.org'
ruby "2.2.3" 



# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.6'
# Use sqlite3 as the database for Active Record
#gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.1.0'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0', group: :doc

# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use Unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

gem 'font-awesome-rails', '~> 4.1.0.0'

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console

  gem 'sqlite3', '1.3.9'
  gem 'byebug', '3.4.0'

end

group :development do
  # Access an IRB console on exception pages or by using <%= console %> in views
  gem 'web-console', '~> 2.0'

  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
end

group :production do
  gem 'pg', '0.17.1'
  gem 'rails_12factor', '0.0.2'
  gem 'puma', '2.11.1'
end

谢谢！

css背景图像未加载在heroku中

0 个答案: