0

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

一切正常，直到我的网站的发起人告诉我将“真实”文本放在 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 之前，a 之后，但无论我尝试什么都行不通。或者单元格完全失去位置，或者文本被隐藏（或其他）。

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

4

0 回答 0