樣式標題工具提示不起作用表

我想通過以下this post樣式工具提示title。但是，它不適用於表格。換句話說，看起來a[title]有效，但th[title]沒有。樣式標題工具提示不起作用表

看到從原始帖子修改小提琴，其中th[title]仍然使用默認樣式。 http://jsfiddle.net/5frf7svm/

2016-01-22 totoro

你在你的CSS有這樣的：

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

你在哪裏想這是順手把僞元素？沒錯，離開頁面。

試試這個：

我所做的只是去掉left和top屬性。

2016-01-22 19:54:25 Draco18s

謝謝！有沒有一種簡單的方法將自定義工具提示放置在鼠標指針上？ – totoro

@dragon_cat不是我能想到我的頭頂。儘管如此，我並不擔心它，但從UX角度來看，將它放置在相對於懸停對象的固定位置是很好的。 – Draco18s

問題是我僅在激活省略號時才顯示工具提示，因此根據當前單元格的實際文本長度（未截斷），工具提示可以顯示在實際表格單元的最右側。 – totoro

只要把a元素的th裏面，像這樣：

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

2016-01-22 19:51:45 bryce

th[title]適合我。但標題的位置在頁尾，因爲th有位置static。

P.S.對不起，我的英文:)

2016-01-22 19:54:26

回答