我的HTML <a> tag is not showing the title attribute</a>

Question

如果title属性在标签中有效吗？我有这个：

<a class="btn btn-default btn-sm" data-toggle="confirmation" 
data-title="¿Está seguro que desea eliminar?" id="confirmation" 
data-btnOkLabel="Sí" data-btnCancelLabel="No" data-btnCancelClass="borde"
data-href="Evento_controlador.php?del={$evento.id}" 
title="Borrar" name="ver_evento2"><i class="icon-remove"></i></a>

它没有显示标题信息。我不知道为什么。

Answer 1

你必须要在A标签的里面显示。例如，添加TEST TEXT：

<a class="btn btn-default btn-sm" data-toggle="confirmation" 
data-title="¿Está seguro que desea eliminar?" id="confirmation" 
data-btnOkLabel="Sí" data-btnCancelLabel="No" data-btnCancelClass="borde"
data-href="Evento_controlador.php?del={$evento.id}" 
title="Borrar" name="ver_evento2"><i class="icon-remove">Test Text</i></a>

演示：http://jsfiddle.net/JftrA/

标题是当您将鼠标悬停在该文字上时显示的工具提示。

更新：使用正确的CSS ，您不需要A标记内的内容。例如：

.icon-remove {
    width:100px;
    height:100px;
    display:block;
    background-color:red;
}

演示：http://jsfiddle.net/JftrA/2/

确保您的CSS正确无误。