隐藏文本的工具提示仅适用于Safari

Question

我有以下css代码，它使用省略号来隐藏溢出的数据。

.foo {
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    white-space: nowrap;
  }

这是我的HTML：

  <div class="foo">
    <span>Lorem ipsum dolor sit amet, consectetur.</span>
  </div>

这是我的jsfiddle http://jsfiddle.net/KsrDh/

当我在Safari中将鼠标悬停在它上面时，它会默认显示一个工具提示。

但它不适用于其他浏览器。我可以在所有浏览器上使用吗？

Answer 1

我相信Safari是唯一一款假设您希望在有人将鼠标悬停在其上时显示的浏览器。如果这是所需的效果，则在标题中添加内容。然后所有浏览器都应该看到它。

<div class="foo">
 <span title="Lorem ipsum dolor sit amet, consectetur.">Lorem ipsum dolor sit amet, consectetur.
 </span>
</div>

.foo {
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    white-space: nowrap;
  }

http://jsfiddle.net/JSz3D/