0

我正在使用 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;
}

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

4

2 回答 2

2

你确定，你没有其他任何东西，可以混淆浏览器。
您可以尝试仅使用该代码片段创建一个文件，然后查看该文件是否有效

于 2012-05-06T17:09:51.900 回答
1

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

但是，我认为你的工具提示有一些你没有包含的 javascript 驱动它......？

于 2012-05-06T17:39:14.823 回答