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
}

Answer 2

使用css，您可以尝试：

.leftcolumn .overlay {
   text-indent: -9999px;
}

<强>更新：

使用jQuery：

var withColonsRemoved = $('.leftcolumn .overlay').text().replace(/\:/g, '');;
$('.leftcolumn .overlay').text( withColonsRemoved );

请参阅jsfiddle

Tumblr主题中出现的幻像结肠

2 个答案: