html - 如何在 td 中显示背景图像，而不是文本？

Question

CMS 将网站菜单放在表格中。

我已将其编辑为更清楚....

“输入”HTML 不是很有帮助，它是: <div id="hdr">#HMAINS#</div>

CMS 将上面的#HMAINS# 替换为菜单，结构在一个带有类“hmains”的简单表格中。

页面源代码如下:HTML <table border="0" cellpadding="0" cellspacing="0" class="hmains">
<tbody><tr>
<td......></td>
...
<td class="hmains"><a href="https://ss.smile-nz.com/~qenew1/" class="hmains">Logo</a></td>
...
</table>

我想在其中一个单元格中放置一个背景图像，而不显示文本。即用图像链接替换文本链接。

除非我去 JS，否则我不能直接更改 td，该表由 CMS 构建....

我希望有一些聪明的 css 可以让我抑制那个特定 td 中的文本？

下面的 css 选择那个 td 并添加图像

CSS

#hdr td:nth-child(5) {
    width: 50px;
    height: 76px;
    background-image: url(images/QE_Logo_edit.png);
    background-repeat: no-repeat;
    color: rgba(255, 255, 255, 0);
}

在开发工具中，颜色在预期的 td 中显示为透明，但插件插入的“ Logo ”文本仍然可见？

Answer 1

只需使用 <img src='...'> 插入图像td 内的标签