Ruby on rails 5.2 - 带有活动存储的背景图像

Posted 2021-04-23

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

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

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

答案

<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();
}

另一答案

您可以在页面上编写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>