Html IE中隐藏的背景图像

我有一个编辑按钮，当用户有权编辑时，它会出现在页面上。我将其作为一个链接来实现：

<a class='editlink' href='edit.html'></a>

---

这在Firefox中运行良好，但在IE中根本不会出现；在

标签内，它显示了铅笔，但我希望标签保持为空。我是否可以对CSS进行修改以解决此问题？

这实际上是IE中的一个常见问题。即使没有内容的表格单元格也无法实际呈现或显示在文档中。这很正常。我给你的建议是将空间保留在那里，或者创建“display:block”链接，然后使用宽度和高度使其变大或变小。这有它自己与定位相关的问题，因为它不再是内联元素

一个可靠的替代方案是采用链接并对其执行以下操作：

<a class='editlink' href='edit.html'><img src="img/pencil.png"></a>

---

这将确保它在所有浏览器中正确拉伸锚定。

您可以在样式表中的链接上设置宽度和高度。这将在FF、IE和Chrome中正确渲染：

.editlink{
背景图片：url（../img/pencil.png）；
背景重复：无重复；
填充：2px8px；
宽度：10px；
高度：20px；
}

这是一个与IE中的hasLayout属性有关的错误

尝试添加

zoom:1;

---

根据您的风格，它应该可以正常工作。

谢谢，Sam。我们无法进行标记的原因是，我们需要生成链接的代码才能知道图像所在的路径。除非有其他解决方案，我可能会选择空间。突然，我的整个网站都在IE中工作。这完美地解决了它。谢谢。很高兴我能帮忙！最好记住这件事。它总有一天会再次出现。 .editlink{ background-image: url(../img/pencil.png); background-repeat:no-repeat; padding: 2px 8px; width: 10px; height: 20px; }

zoom:1;