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/