省略記号を使用してオーバーフローするデータを非表示にする次の 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/です
サファリでカーソルを合わせると、デフォルトでツールチップが表示されます。
しかし、他のブラウザではそうではありません。すべてのブラウザで適用できるようにすることはできますか?