在先前的文章中介紹過背景圖片的合併方法。但不只有背景圖片能合併，前景圖片同樣可以。
在 Google 搜尋結果頁面中，將 Logo 圖示右鍵另存為後可以發現，它並非單純的 Google Logo，而是一塊複雜的拼合圖片：
查看搜尋頁面原始碼，其 Logo 部分代碼如下：
Example Source Code
[www.downcodes.com] <a id=logo href="/u/info_img/2009-06/24/nav_logo4.png" alt=""></a>
其CSS 部分代碼如下：
Example Source Code
[www.downcodes.com] #logo{display:block;overflow:hidden;position:relative;width:150px;height:52px;margin:14px 0 7px}
#logo img{border:none;position:absolute;left:-0px;top:-26px}
分析上述程式碼可知，CSS 中id=logo 的樣式父元素採用相對定位方式，定義了寬度和高度，使用overflow:hidden 來隱藏溢出部分；而img 元素則採取絕對定位方式，使用left 和top 進行圖片定位，這與背景圖片的定位是一致的。
