html - {文本缩进 : -9999} for image replace not working

Question

有什么想法吗？

http://jsfiddle.net/FHUb2/

.dashboard-edit,
.dashboard-delete {
  height: 30px;
  width: 50px;
  background: url("/image/kRZeB.png") no-repeat top left;
  text-indent: -9999px;
}

<a href="#" title="Edit" class="dashboard-edit">Edit</a>
<a href="#" title="Delete" class="dashboard-delete">Delete</a>

Answer 1

除了 text-indent 对内联元素不起作用的原因。另一个原因是，如果您的元素或其父元素之一已设置为 text-align:right

因此请确保您的元素已设置为 text-align:left 以解决此问题。