html - href 随着放大和缩小移动

Question

我有一个用 Dreamweaver 编写的网页。我将我的按钮作为背景图像的一部分，并使用 href 为这些按钮提供功能。但是，当我使用浏览器放大或缩小时，那些 a 标签会移动，并且背景中的按钮不再与 href 标签对齐。有什么办法解决这个问题吗？

谢谢

Answer 1

无论是使用 Photoshop、GIMP 还是任何您想要的工具，您都需要单独切割这些图像按钮，并将它们保存在您的图像文件夹中。然后你可以使用 <img>标记或有 <div>背景使用该图像并在其上设置“a href”。

因此您可以执行以下任一操作:

<a href="page"><img src="url" alt="some_text"/></a>

或

html:

<div id="image"></div>

CSS:

div#image{
background-image:url('image.gif');
/* height and width of image */
height: 150px;
width: 200px;
}

---

要将它们放置在页面上您想要的位置，您必须将它们放在一个 div 中，然后使用 css 添加边距或填充以放置在您需要的位置。因此，如果您使用第一个选项并且希望它位于特定 div 的右下角，您可以这样做:

html:

<div id="specific_div">
  <div id="image">
  </div>
</div>

CSS:

#specific_div{
height: 400;
width: 400;
}

#image{
background-image:url('image.gif');
/* height and width of image */
height: 150px;
width: 200px;
}

#specific_div #image{
/* placement on page */
float:right;
margin-top: 150px;
}