Question

我创建了一个表，并且在每个单元格内部都有一个具有“悬停”效果的图像。图像包含图形+文本（硬打印）。

在我的网站发起人告诉我将“真实”文字放在JPG上并从图像中删除打印文本之前，一切正常。

我尝试了几件事，但我找不到东西。也许我搞砸了“位置”。

以下是代码：

HTML

<table id="tablestyle">
<tr align="center">
    <td><a id="button" href="index.html"></a></td>
    <td><a id="button" href="index.html"></a></td>
    <td><a id="button" href="index.html"></a></td>
    <td><a id="button" href="index.html"></a></td>
    <td><a id="button" href="index.html"></a></td>
    <td><a id="button" href="index.html"></a></td>
</tr>
</table>

和CSS

#button {
display: block;
width: 135px;
height: 34px;
background: url('images/navibutton.jpg') 50% bottom;
background-repeat:no-repeat;
text-indent: -99999px;
position: static;
}
#button:hover {
background-position: 0 0;
}
#tablestyle {
margin: auto;
width: 900px;
}

我试过把文字放在a之前，之后，但是无论我尝试什么都行不通。或者单元格完全失去位置，或者文本被隐藏（或其他东西）。

对于悬停“效果”，我使用的是135x68图像。它正在发挥作用。

桌面上方的文字悬停在图像上？

0 个答案: