動態添加的屬性一類的HTML

Question

我有這些CSS類：

planning a span.icon { 
    background-image:url(../img/icon1.png); 
    background-position:left top; 
    background-repeat:no-repeat; 

.planning a:hover span.icon { 
    background-position: left bottom; 
} 

在我的模板，我想環路上的某個項目（導語），並動態更新的屬性background-image值。

現在，我試圖從CSS類中刪除background-image並在模板中添加它沒有成功：

{% for blurb in page.homepage.blurbs.all %} 
    <div class="span4"> 
    <a href={{ blurb.link }}> 
    <span class="img_icon icon" style="background-image: {% static blurb.icon %}"></span> 
     </a> 
    </div> 
{% endfor %} 

它結束了，背景圖像屬性不歸因於類圖標。

任何想法做的伎倆？

Answer 1

您錯過了圖片網址附近的url()。

<span class="img_icon icon" style="background-image: url({% static blurb.icon %})"></span> 

應該工作（如果blurb.icon當然是一個URL，如果它是一個ImageField值，則必須使用blurb.icon.url）。