样式标题工具提示在表格内不起作用

Question

我正在尝试按照this post设置工具提示title的样式。但是，它不适用于表格。换句话说，似乎a[title]有效但th[title]没有。

查看从原始帖子修改的小提琴，其中th[title]仍然使用默认样式。 http://jsfiddle.net/5frf7svm/

Answer 1

你的CSS中有这个：

td[title]:hover:after {
  position: absolute;
  left: 0;
  top: 100%;

你认为那推拿伪元素在哪里？这是正确的，离页面。

试试这个：

http://jsfiddle.net/4p4jk5hh/

我所做的就是删除left和top属性。

Answer 2

th[title]对我来说很好。但是页面末尾的标题位置，因为th具有位置static。

P.S。对不起我的英文：）

Answer 3

只需将a元素放在th中，就像这样：

<td><a title="cell 1 tooltip">table cell 1</a></td>