CSS - 이미지 태그의 제목 스타일 지정

Question

이미지 태그의 제목 스타일을 지정하려고합니다.

다른 질문을 검색했지만 내 프로젝트에서 작업 할 수 없습니다.

하지만 변경할 수는 없습니다.

누군가가 나 에게이 pls 손을 줄 수 있습니까?

내 코드 :

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/