2011-06-16 55 views
0

解決了它:我忘了逃避引號。用Django模板標籤更改背景圖片

我試圖使用Django標籤更改div的背景圖片,但我有問題:

<div class="inner" style="background-image: url("{{ dogs.0.id }}.jpg");"> 

正確顯示狗的ID,因爲我在其他地方使用它,它會顯示正確的信息標籤。我是否正確使用樣式?

編輯:出於某種原因,它從我的URL中刪除所有斜線。所以https://www.something.com/dog.jpg變成https:www.something.com dog.jpg

回答

0

是的,但是由於您使用的是相對url,所以圖片需要存在於當前路徑中。另外你需要爲它設置一個寬度和高度。使用螢火蟲或Chrome檢查器,看看它是否工作和拋光你的HTML/CSS知識;)

0

編輯:由於某種原因,它從我的網址中刪除所有的斜線。所以 https://www.something.com/dog.jpg變成HTTPS:www.something.com dog.jpg

您可以使用 「安全」 過濾器,以避免這種情況,如果你的dogs.0.id是https://www.something.com/dog

這樣的代碼:

<div class="inner" style="background-image: url("{{ dog.0.id | safe }}.jpg");"> 
0

請嘗試以下內容來顯示模板中的背景圖像,您需要使用以下代碼進行內聯-css。

<div class="inner" style="background-image: url({% static "image-path/background.jpg" %}");>