2012-05-18 49 views
3

我使用的是asp.net MVC3,我想顯示一個包含有關課程信息的表格 因爲我有一個名爲「Information」的字段顯示圖像。 我想顯示工具提示,當鼠標在採取圖像在Mvc3上顯示圖像的工具提示

我展示形象LIK這樣的:

<img id="ok" src="../../Images/info.jpg" alt="tooltip"/> 

我不想使用任何附加插件

任何人可以幫助我和這個?

回答

7

在HTML標籤使用title以及altimg元件

<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/> 
+0

「alt」和「title」用於不同的事情,如果圖像無法顯示,OP仍然需要使用alt來替換圖像。而'title'則是爲了讓更多的信息在所有現代瀏覽器中呈現爲工具提示。 – nemesv

+2

他正在尋找一個工具提示,標題提供了一個工具提示,他可以同時使用兩種情況,以防他使用的FireFox不會使用替代文本作爲工具提示 –

+0

@CDSmith他應該總是使用'alt'。 'alt'不適用於工具提示,它是一種輔助功能。看到我的答案。 – Curt

4

alt屬性被用作殼體替代文本圖像不存在。有些瀏覽器在將圖片懸停在圖片上時顯示爲工具提示,但它不是標準。

您可以使用title屬性在圖像懸停時顯示工具提示

使用圖像時,應始終提供alt屬性,這是最好的輔助功能(屏幕閱讀器閱讀alt文本),並將失敗XHTML,如果你不具備的屬性。