CSS - 樣式圖像標籤的標題

Question

我試圖從圖像標籤樣式標題。

我有搜索其他問題，但不能把它放在我的項目工作。

但我不能做任何改變。

有人能給我這個手嗎？

我的代碼：

table.tablesorter tbody tr td a:hover img[title]:after 
 
{ 
 
\t content: attr(title); 
 
\t padding: 4px 8px; 
 
\t color: #FFF; 
 
\t background-color:black; 
 
}

<table class="tablesorter" style="width:98% !important"> 
 
    <thead> 
 
     <tr> 
 
      <th> 
 
       ..... 
 
      </th> 
 
     </tr> 
 
    </thead> 
 

 
\t <tbody>    
 
      <tr> 
 
       <td> 
 
        .......... 
 
       </td> 
 
       \t <td> 
 
        <a href="@Url.Action("Edit","Account", new { id=item.UserId })"> 
 
         <img src="~/Content/images/icon_edit.png" title="Edit"/> 
 
        </a> 
 
       </td> 
 
    \t \t \t </tr> 
 
    </tbody> 
 

 
\t <tfooter> 
 
\t </tfooter> 
 
</table>

Answer 1

應該content: attr(title);，不content: attr(data-title); - 你沒有一個數據屬性。

而且，它似乎::before和::after僞元素沒有爲img定義 - 你可能不得不使用別的東西：
CSS Content attribute for IMG tag

工作例子（當圖像丟失）：http://jsfiddle.net/DMAFm/
另一個例子，與title對<a>標籤：http://jsfiddle.net/DMAFm/1/