HTML标题属性显示在元素上方流动时流入的元素

Question

我使用title属性以显示工具提示：

.remove_button{
background-color:#ff3300;
color:#ffffff;
font-family:Courier New,sans-serif;
font-weight:900;
font-size:20px;
float:right;
border-radius:5px;
padding:0px 6px 0px 6px;
margin-right:15px;
}

<div class="remove_button" title="Remove">x</div>

但是标题显示在元素中

------x------          :When not hovering
------xRemove------    :When hovering

one '-' is one pixel of padding

我上次询问时被误解了，但要明确指出，“标题”没有显示在其余内容的上方，而是显示在实际按钮内。 这通常不是标题的工作方式。

编辑：我发现了问题，但是这小段代码并没有影响我的其他“标题工具提示”，那怎么可能呢？

*[title]:hover:after{
content:attr(title);
background-color:#feeba6;
color:#333333;
}

上面的代码的目的是为工具提示设置样式，但这似乎没有发生。 无论如何，这只是我想在Google上发现的一些废话。

Answer 1

您确定没有别的东西会使浏览器感到困惑。
您可以尝试仅使用该代码段来创建文件，然后查看是否有效

Answer 2

如果将鼠标悬停在具有title属性的元素上足够长的时间，则本机浏览器会提供工具提示。

但是，我认为您的工具提示中包含一些未包含的javascript功能？