Schienen Jumbotron dynamisches Hintergrundbild

Question

Ich versuche, das Bild meines Modells in einem Jumbotron anzuzeigen. Etwas wie folgt aus:

<div class="jumbotron" style="background-image: url(http://www.californiafootgolfclub.com/static/img/footgolf-1.jpg);"> 
    <div class="container for-about"> 
    <h1>About</h1> 
    </div> 
</div> 

aber ich möchte das Bild dynamisch:

<%=image_tag @group.group_avatar.url(:original) %> 

Wie erreiche ich das? Scheint einfach und es scheint eine Menge Fragen zu diesem Thema zu geben und nicht für meinen speziellen Anwendungsfall zu finden.

Schätzen Sie die Hilfe!

Answer 1

Der Code ist gerade wie:

<div class="jumbotron" style="background-image: url(<%= @group.group_avatar.url(:original) %>);background-repeat:no-repeat;"> 
    <div class="container for-about"> 
    <h1>About</h1> 
    </div> 
</div> 

Answer 2

verwenden es

<div class="jumbotron" style="background-image: url(<%= @group.group_avatar.url(:original) %>);background-repeat:no-repeat!important;"> 
    <div class="container for-about"> 
    <h1>About</h1> 
    </div> 
</div>