在圖檔上實作定位

設計師給了份psd檔案，部分圖檔如下：

其實是實作傳回頂部的功能。

剛開始是想将傳回頂部 那一塊切出來，然後進行定位，但實作的效果不佳，一個是圖檔變形，一個是位置不精确，最後決定不切出來，直接使用一個div覆寫在傳回頂部 那個圖示上面，然後給div添加點選事件。主要代碼如下：

<div class="last">
        <img class="my-img" src="image/tail.jpg">
        <a href="#top"><div class="backtop-pic"></div></a>
    </div>
           

.last{
        position: relative;
        width: 100%;
    }
    .backtop-pic{
        position: absolute;
        width: 24%;
        height: 6%;
        bottom: 7%;
        left: 38%;
    }
           

用的是百分比，這樣無論螢幕大小如何變化，都不影響div相對于傳回頂部 那個圖示的位置。