隱藏文本的工具提示只適用於Safari

enter image description here 我有以下使用省略號隱藏溢出數據的css代碼。隱藏文本的工具提示只適用於Safari

.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瀏覽器，它顯示在默認情況下它的工具提示。

但是這對其他瀏覽器沒有這樣做。我可以使其適用於所有瀏覽器嗎？

來源

2013-04-30 Micheal

在Safari 5.1.8，我什麼也看不到你在說什麼關於 – Ian 2013-04-30 17:56:29

他忘了說，他使用任何類型的JS（-framework）啓用「工具 - 的小費效應「的CSS和HTML是正確的... – donald123 2013-04-30 17:59:51

你沒有設置'標題'，工具提示不應該出現。 – Dom 2013-04-30 18:00:04

我相信Safari是唯一的瀏覽器，當有人將鼠標放在它上面時，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/

來源

2013-04-30 18:43:04 kenhkelly

隱藏文本的工具提示只適用於Safari

回答

相關問題