如何製作頁腳圖像地圖

我想讓導航欄固定在頁面的右下角，我已經完成了，而且我正要去製作一張圖像地圖，直到我去了進入Dreamweaver，我的圖像甚至不會彈出來畫出來，我會手動去做，直到我想知道，這將甚至工作？（因爲它實際上一直在移動，所以很難在它上面進行座標）。我怎樣才能將我的圖像變成可用的可點擊按鈕？如何製作頁腳圖像地圖

here's what my footer looks like

來源

2013-03-22 rachel

它的移動申報類？這是您網站上的動畫GIF嗎？ Dreamweaver是設置圖像映射的好工具。您可能需要檢查Dreamweaver中圖像的路徑，以便它可以找到圖像，以便您可以看到繪製圖像。您可以手動設置圖像映射，但我發現它有很多試用，錯誤和挫敗感。一個可視化工具將節省時間，並給你喜歡的結果。 – 2013-03-22 04:39:33

它不是一個動畫gif。它正在移動，當你調整瀏覽器大小時，它就停留在角落。當你滾動它繼續留在角落。而已！我會仔細檢查我的路徑。謝謝:) – rachel 2013-03-22 04:41:17

但是，一個圖像映射仍然可以在固定在右下角的東西上工作嗎？ – rachel 2013-03-22 04:43:40

如果你不能得到Dreamweaver的合作，你總是可以嘗試一個Web應用程序是這樣的：

http://www.image-maps.com/

我沒有用它自己，但它看起來像您上傳圖片，該網站可幫助您繪製您的區域，並在完成後下載代碼。

來源

2013-03-22 04:43:17

如果你發現很難映射圖像，而是使用position: relative;的容器，並在以後使用<a>和使用以下樣式

a { 
    display: block; 
    height: 30px; /* Set accordingly */ 
    width: 30px; /* Set accordingly */ 
    position: absolute; 
    /* Now set top, bottom, left, right according to your requirements */ 
}

只是一個側面說明，使用border: 1px solid #f00;只是要確定你的<a>包裹決定目標，然後您可以刪除或禁用邊框。

您也可以使用:nth-of-type爲<a>所以你不需要爲每個<a>元素

來源

2013-03-22 04:46:57

如何製作頁腳圖像地圖

回答

相關問題