Question

运行我的Rails（博客）应用时，我无法显示我的横幅图片。我的文件如下（页面显示没有错误，只是没有图像）：

的application.js

//* require bootstrap-sprockets
//= require rails-ujs
//= require turbolinks
//= require_tree .

application.scss

 @import "bootstrap";
 @import "navbar";

_post.html.erb

<div class='col-sm-6 col-lg-4'>
   <div class="card">
      <div class="card-topper" style='background-image: 
         url(https://static.pexels.com/photos/113762/pexels-photo-113762-
         large.jpeg);'>
      </div>
        <div class="card-block">
          <h4 class="card-title"><%= link_to post.title, post %></h4>
          <p class="published-date">published Jan 14, 2016</p>
          <p class="card-text"><%= truncate(post.description, lenght: 130) 
          %></p>
          <%= link_to 'Read', post, class: 'btn btn-read' %>
      </div>
   </div>
</div>

Answer 1

该问题与rails无关。一旦 DIV 中包含内容，就会显示图片背景。如果 DIV 中没有内容，请更好地使用<img />代码。

<强>参考：
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size

图片标签：
https://www.w3schools.com/html/html_images.asp

无法使用Rails显示横幅图像

1 个答案: