a href随着放大和缩小而移动

Question

我有一个用Dreamweaver编写的网页。我将按钮作为背景图像的一部分，并使用href为这些按钮提供功能。但是，当我使用浏览器放大或缩小时，标签会移动，背景中的按钮不再与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;
}