我在Ruby on Rails應用程序中使用ActiveScaffold，爲了節省表格中的空間，我使用圖標替換了表格中的默認「動作」文本（即「編輯」，「刪除」，「顯示」） CSS。我還用action_link.add（「move」和「copy」）添加了一些自定義操作。如何在html中的圖標上顯示簡單的工具提示？
爲了清晰起見，當我將鼠標懸停在圖標上方時，我想要彈出一個工具提示，其中包含相關操作（即「編輯」，「複製」）。
我想我可以通過在標籤中添加一個簡單的「alt」定義來做到這一點，但這似乎並不奏效。
有人可以指出我正確的方向嗎？
alt屬性將用作圖像的替代方法，在圖像丟失的情況下或僅用於純文本瀏覽器。
IE錯了，當他們讓alt顯示爲工具提示。它從來不是那個意思。
正確的屬性是title，這當然不會在IE中做一個工具提示。
因此，要在IE和FireFox/Safari/Chrome/Opera中顯示工具提示，請同時使用alt屬性和title屬性。
HTML中的工具提示是圖片標籤alt文本的內容，但如果您使用CSS設置此文件，則可能會使用background:url(...);樣式而不是圖片。
偉大的洞察力 - 是的，是這樣的話，我使用的是背景圖像，而不是一個 –
Brent
2008-09-12 15:22:20
你想要一個「標題」標籤。我不確定這是否有必要，但我通常添加alt和title標籤以確保所有瀏覽器都顯示相同的工具提示。
使用圖片上的alt和圖片上的title。
正如Prestaul指出的那樣，alt標籤應該適用於鏈接的圖像和標題。然而，這也取決於瀏覽器...大多數瀏覽器應該實現功能，顯示此元數據作爲工具提示，但他們不需要這樣做。
img標籤的alt屬性適用於某些瀏覽器，但不是全部（如基於mozilla的一些）。
要做到這一點的「right way」是使用title屬性。
認識到，正如Joel Coehoom指出的那樣，我的圖標實際上是一個背景圖像，我創建了一個transparent.gif圖像，其標題和alt屬性位於背景之上，並且提示 - 工具提示！
只是添加到這個線程的小點...沒有ALT標籤或標題標籤。 alt屬性用於圖像，但頁面上的所有其他元素可以具有title屬性，這是跨瀏覽器兼容性的最佳選擇。
<span title="Click here to edit the foo">
Edit
</span>
YUI提供了一個[工具提示部件（HTTP：//開發商。 yahoo.com/yui/container/tooltip/）用於跨瀏覽器的目的。 – 2008-09-12 19:10:24