Question

我正在尝试从图片标记设置标题样式。

我已经搜索了其他问题，但无法将其投入到我的项目中。

但我无法做出任何改变。

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

我的代码：

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>

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/

CSS - 从图像标签设置标题样式

1 个答案: