悬停在Safari中的绝对位置

Question

我有一些文字，在点击时会变为可编辑的文本字段。该文本来自数据库。溢出是隐藏的。

悬停时，我希望所有隐藏的文字都可见。我正在使用span:hover {position:absolute}。它适用于IE，Chrome，FF - 但不适用于Safari。我删除了绝对定位，并添加了background-color以查看Safari是否会对悬停做出反应。它工作，背景颜色改变了。但是当我重新开始绝对定位时，Safari对悬停没有反应。

Answer 1

这种方式适用于Windows 7和Safari 5.1.x以及大多数浏览器：

HTML：

<span  class="hover">Belekas</span>

CSS：

.hover {
    position: absolute;
    z-index: 9999;
}

.hover:hover {
    background-color:red;
}

LIVE DEMO