css - 使 css 色带仅出现在来自 django 数据库的选定图像上

Question

我正在使用 Django 框架。我有一个在图像上创建色带的 CSS。问题是我不想在数据库中的每个图像上都显示色带。在 mt 产品详细信息的 HTML 文件中，我有

{% if product.get_image_url %}

<div class="ribbon-wrapper-orange"><div class="ribbon-orange">{{ product.duration }}</div></div>

<a href='{{ product.get_absolute_url }}'><img id='img' src='{{ product.get_image_url }}' class='img-responsive' /></a>

{% endif %}

如果数据库中有持续时间，上面的方法就可以正常工作，但如果没有，那么图像上仍然会出现空色带。有什么想法可以让丝带出现在仅在产品持续时间字段中包含时间的图像上吗？

Answer 1

您应该首先检查是否product.ribbon不是 None在渲染 div 之前秒。试试这个:

{% if product.duration %}<div class="ribbon-wrapper-orange"><div class="ribbon-orange">{{ product.duration }}</div></div>{% endif %}