href隨放大和縮小而移動

Question

我有一個用Dreamweaver編寫的網頁。我有我的按鈕作爲背景圖像的一部分，並使用href爲這些按鈕提供功能。但是，當我放大或縮小瀏覽器時，標籤會移動，而背景中的按鈕不再與href標籤對齊。有沒有辦法解決？

感謝

Answer 1

您需要seperately切片的圖像按鈕，無論是使用Photoshop，GIMP或任何你想要的，並保存在你的圖片文件夾中。然後，您可以使用<img>標記或使用該圖像的<div>背景，並設置「a href」。

所以，你可以做以下任一：

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

OR

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