Question

我正在尝试为我的网站创建一个菜单栏，我有一个酒吧本身的图像，文本应该在它上面...所有这些都存在于一个表格中。这就是我现在所拥有的：

<tr>
    <td>
        <img src="images/index2_04.jpg" width="667" height="33" alt="">
        <div style="position:absolute; left:50%; top:22%;">
<h1><a href="/index.html">Home</a> <a href="/more.html">More </a><a href="/help.html">Help</a></h1>
<div>
</td>
</tr>

正如您所看到的，我一直在尝试将图像和文本与百分比相关联，但尽管距离应该与图像保持相同，但在不同设备上测试时，文本会改变并移动。有没有更好的方法呢？或者我做错了什么？

提前致谢;）

Answer 1

您要做的是将图像设置为DIV上的背景。

你可以这样做：

<html>
<head>
<style type="text/css">
div.example
{
background-image:url('images/index2_04.jpg');
background-repeat:repeat-x;
}
</style>
</head>

<body>
<div class="example"><a href="/index.html">Home</a></div>
</body>

</html>

在html中链接文本和图像？

1 个答案: