html - 幻象冒号出现在 Tumblr 主题中

Question

我第一次尝试自定义 Tumblr 主题时，我开始遇到一个幻象冒号。我已经将它的来源追溯到覆盖 div，但我无法删除它，因为标题是从 Tumblr 提供的。

这是有问题的代码:

<div class="leftcolumn">

       <div class="item"><img src="{PhotoURL-500}"> 

       <div class="overlay"> {block:Caption}{Caption}{/block:Caption}</div>  </div>

       </div>

如果你眯着眼睛，你可以看出图像左下角下方的冒犯冒号(橙色):

colon on web page

任何帮助将不胜感激

Answer 1

我建议让文本不可见:

.leftcolumn .overlay {
   color: transparent;
}

或者您甚至可以使文本缩小:

.leftcolumn .overlay {
   font-size: 0
}