Html 图像替换的{文本缩进：-9999}不工作

你知道为什么吗

。仪表板编辑，
.仪表板删除{
高度：30px；
宽度：50px；
背景：url（“https://i.stack.imgur.com/kRZeB.png）不重复左上角；
文本缩进：-9999px；
}

标记不是“块”

添加以下内容：

display: inline-block;

---

文本缩进

不适用于内联元素和

---

在我的例子中，文本缩进在H1上不起作用，因为：在伪标记之前，我用来纠正

这适用于带有负缩进的H1元素，在FF&Opera中的图像顶部显示文本

请记住（如果您愿意）使用内联块，文本缩进图像替换技术在IE7中将失败。我最近花了很长时间才弄明白这一点。我在IE7中使用了这种技术，它可以工作：

.ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

---

除了

文本缩进

对内联元素不起作用的原因之外。另一个原因是您的元素或其父元素之一已设置为

text align:right

---

因此，请确保您的元素已设置为

文本对齐：left

，以解决此问题。

我也遇到了同样的问题，我选中了显示和文本对齐。我终于发现了

我当时正在从事rtl设计，在主题中，方向改为rtl

您可以将容器或每个元素更改为ltr以解决问题

dashboard-edit, .dashboard-delete { 
    direction: ltr;
}

---

谢谢，我就是这样。。那么，这方面的工作是什么呢？你是一个救世主谢谢：谢谢你，我疯了，这帮了我的忙。绝妙的建议。文本对齐：leftI我过去有过这个问题，但我从来都不明白为什么。应用

文本对齐：左覆盖父元素的
text align:right
声明并修复该问题。耶！美好的在我的例子中，我可以切换到
：after
，这没有什么区别，现在文本缩进工作了+1用于切换：前到：后。我从来没有想过会有什么不同。显示块确实为我解决了这个问题。谢谢。我必须使用显示块并删除float属性。
dashboard-edit, .dashboard-delete { 
    direction: ltr;
}