涉及rails的image_tag的div类的透明度

时间:2015-12-31 08:33:26

标签: css3 ruby-on-rails-4 paperclip

当使用Paperclip在rails应用程序上进行动态图像处理时,我尝试了没有正面结果来包含div类(将css背景颜色设置为透明背景颜色:rgba(54,179,166,0.6);)具有由回形针处理的图像的容器。 相反,应用的背景颜色属性被图像所掩盖。请参阅下面的代码



.hottest .hottestImage
{
    width: 100%;
    height: 350px;

}
 .hottest .hottestTitle
{
    
    background-color: rgba(54,179,166, 0.6);
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: -350px;
    
}

<div class="hottest">
   <div class ="hottestImage">
     <%=  link_to image_tag @post_hottest.image.url(:preview) %>
   </div>
   <div class="hottestTitle">
      <h5><%= @post_hottest.title %></h5>
   </div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案