gpt4 book ai didi

html - 将文本与html中的图像链接起来?

转载 作者:太空宇宙 更新时间:2023-11-04 05:13:03 24 4
gpt4 key购买 nike

我正在尝试为我的网站制作一个菜单栏,我有一个栏本身的图像,文本应该放在它上面......所有这些都在一个表格中。这是我现在拥有的:

<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>

如您所见,我一直在尝试将图像和文本与百分比联系起来,但尽管距离相对于图像应该保持不变,但在不同设备上进行测试时,文本会发生变化和移动。有更好的方法吗?还是我做错了什么?

提前致谢;)

最佳答案

您要做的是将图像设置为 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 - 将文本与html中的图像链接起来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8859337/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com