javascript - 隐藏文本的工具提示仅适用于 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/