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

Question

我正在尝试通过关注这篇文章来设置工具提示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.

附言对不起我的英语:)

Answer 3

只需在th中放置一个a元素，如下所示：

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