Ruby on Rails 5.2-具有活动存储的背景图像

Question

我已将应用程序升级到Rails 5.2，并且正在使用Rails的活动存储。

如果我要将上传的图片用作背景，哪种方法最好？ 我想为背景使用大小调整后的图片300x300。

<div style="background: ... ">

Answer 1

<div class="index-img">
    <div class="bg-img" style="background-image: url(<%= rails_blob_url(@user.avatar) %>)"></div>
</div>

然后可以像这样在css中设置样式

.index-img{
    position: relative;
    width: 100%;
    height: 250px;
    background: $grey;
}
.bg-img{
    width: 100%;
    height: 100%;
    @include background-image();
}

Answer 2

您可以在页面本身上编写CSS，如下所示。 然后在div中使用。

<style media="screen">
  #div_id { background-image: url(<%= image_path @user.avatar.variant(resize_to_fit: [300, 300]) %>) !important;
  ......
  }
</style>

<div id="div_id">...</div>