自定義img標籤

的ALT文本要當我的用戶在圖像 <img src="image" alt="product code 000000">自定義img標籤

但是他徘徊鼠標顯示一個提示，默認替代文本始終顯示在我的光標右側。有什麼辦法可以將顯示的小型彈出窗口移動到鼠標左側？

更新謝謝大家的回覆。

這是不可能的，因爲提示是由OS，而不是瀏覽器/生成的HTML創建一個工具箱。你必須使用JavaScript來開發你自己的。但這是一個常見的事情，改變一些東西可能不是一個好主意。 – Kyle

javascript或css –

這是Internet Explorer中的一個已知錯誤。如果圖像加載成功，則不應顯示「alt」屬性中的文本。沒有其他瀏覽器展示這種行爲。你可能想要'title'屬性。 –

您的意思是黃色的提示？你不能。但是你可以使用JavaScript自己製作。

2012-12-28 09:54:39 Raptor

有大量的JavaScript工具提示腳本可以爲你做到這一點。順便說一下，在大多數瀏覽器中，工具提示顯示在title =「」屬性上，而不是alt。

2012-12-28 09:55:54

不，您不能，但您可以使用css和/或javascript創建您自己的。

2012-12-28 09:56:04

工具提示是Title元素，alt是當圖像不可見時出現的文本。您不能格式化標題元素，但正如您已經提到過的，您可以添加到自定義工具提示中。我喜歡使用易於開始工作的jquery UI工具提示。

然後你就可以改變CSS把它移到左邊。

2012-12-28 09:56:37

，你可以在CSS

img{position:relative;} 
img:hover::before{ 
    content:attr(alt); 
    position:absolute; 
    left:0; 
    top:0; 

}

2012-12-28 09:57:13

回答