2

我正在尝试从图像标签中设置标题的样式。

我已经搜索了其他问题，但它不能在我的项目中工作。

但我无法做出任何改变。

有人可以帮我解决这个问题吗？

我的代码：

table.tablesorter tbody tr td a:hover img[title]:after
{
	content: attr(title);
	padding: 4px 8px;
	color: #FFF;
	background-color:black;
}
<table class="tablesorter" style="width:98% !important">
    <thead>
        <tr>
            <th>
               .....
            </th>
        </tr>
    </thead>

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

	<tfooter>
	</tfooter>
</table>

4

1 回答 1

1

它应该是content: attr(title);，不是content: attr(data-title);- 你没有 data 属性。

::before此外，似乎::after没有定义伪元素img- 您可能必须使用其他东西：
IMG 标签的 CSS 内容属性

工作示例（当图像丢失时）：http: //jsfiddle.net/DMAFm/
另一个示例，带有title标签<a>：http: //jsfiddle.net/DMAFm/1/

于 2013-08-23T14:45:46.817 回答