Question

我正在尝试制作一个非常简单的工具提示来实现和更改。我真的不想添加跨度或类似的东西来实现这一点。我只是希望能够添加＆＃34; tooltip =＆＃39;我的工具提示示例＆＃39;＆＃34; divs，span和links。我已经把它缩小了很好，除了火狐这个策略真的不能很好地发挥作用。问题是在元素后悬停时使用direction = rtl。在基于chrome的浏览器中运行良好，但不适用于Firefox。没有我在这里找到的答案解决问题。到目前为止，这是我的代码。

SELECT 
    a.*
    , b.last_access_time
FROM 
    groups a
    INNER JOIN (
        select
            group_access_id
            , max(access_time) as last_access_time
        from groupAccess 
        group by 
            group_access_id
    ) b ON a.group_id = b.group_access_id
ORDER BY b.last_access_time DESC

在这里工作铬小提琴https://jsfiddle.net/rwmy5kpn/14/

我遇到的另一个问题是尝试将此类分配给多个元素。我在添加另一个元素时所做的每一次尝试都会禁用该脚本。这比第一个问题少，但我很高兴知道我在这里出错了。

感谢

Answer 1

您可以使用position: relative和top, left, right, bottom属性。

.tooltip:hover {
    ....
    position:relative;
}
.tooltip:hover:after {
    ....
    position: absolute;
    right:20px;
    left:auto;
    top:30px;
}
.tooltip:hover:before {
    ...
    position: absolute;
    right:30px;
    left:auto;
    top:10px;
}

DEMO

工具提示方向mozilla

1 个答案: